From af782790dfcc6dc4b7960734f7ae478422c83dfe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bartek=20P=C5=82otka?= <bwplotka@gmail.com>
Date: Sat, 4 May 2019 12:28:48 +0200
Subject: [PATCH] website: Sorted logo list, improved look on mobile devices.
 (#1112)

Signed-off-by: Bartek Plotka <bwplotka@gmail.com>
---
 website/layouts/index.html | 8 ++++----
 website/static/main.css    | 3 ++-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/website/layouts/index.html b/website/layouts/index.html
index 3fdf30b483..3b9adbdb8d 100644
--- a/website/layouts/index.html
+++ b/website/layouts/index.html
@@ -55,7 +55,7 @@ <h4 class="font-weight-bold">Downsampling & Compaction</h4>
 <div class="container">
        <h2 class="heading-big text-center">Founded By</h2>
     <div class="row">
-        <div class="col-sm-6 offset-sm-3 col-md-4 offset-md-4">
+        <div class="col-6 offset-3 col-sm-6 offset-sm-3 col-md-4 offset-md-4">
             <div class="img-sponsor">
                 <a href="https://improbable.io" rel="nofollow" target="_blank"><img src="{{ "/logos/improbable.png" | relURL }}" class="img-fluid" alt="Improbable"></a>
             </div>
@@ -63,16 +63,16 @@ <h2 class="heading-big text-center">Founded By</h2>
     </div>
         <h2 class="heading-big text-center">Used By</h2>
     <div class="row">
-        {{ range $sponsor := $.Site.Data.sponsors.sponsors }}
+        {{ range $sponsor := sort $.Site.Data.sponsors.sponsors "name" }}
         {{ if $sponsor.logo }}
-        <div class="col-sm-6 col-md-3">
+        <div class="col-6 col-sm-6 col-md-3">
             <div class="img-sponsor">
                 <a href="{{ $sponsor.url }}" rel="nofollow" target="_blank"><img src="{{ (printf "/logos/%s" $sponsor.logo) | relURL }}" alt="{{ $sponsor.name }}"></a>
             </div>
         </div>
         {{ end }}
         {{ end }}
-        <div class="col-sm-6 col-md-3">
+        <div class="col-6 col-sm-6 col-md-3">
             <div class="img-sponsor">
                 <a class="text-center text-muted" href="{{ "contributing/how-to-contribute-to-docs.md#logos" | relURL }}">Your Company</a>
             </div>
diff --git a/website/static/main.css b/website/static/main.css
index 8eacafa3cb..f8a9530a2e 100644
--- a/website/static/main.css
+++ b/website/static/main.css
@@ -65,7 +65,8 @@ pre {
 }
 
 .img-sponsor img {
-    width: 100%;
+    max-width: 100%;
+    max-height: 100%;
 }
 
 .header-anchor { font-size: 100%; visibility: hidden;}