From e5533f17871b68cb1c6c2efcc7ccf88ef19c1eae Mon Sep 17 00:00:00 2001
From: Nikhil Sharma <nikhilsharmamusic2000@gmail.com>
Date: Sun, 2 Jan 2022 17:02:01 +0530
Subject: [PATCH 1/2] [Website] Fixed footer items alignment

Signed-off-by: Nikhil Sharma <nikhilsharmamusic2000@gmail.com>
---
 website/layouts/_default/baseof.html |  4 ++--
 website/static/main.css              | 10 +++++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/website/layouts/_default/baseof.html b/website/layouts/_default/baseof.html
index 821144d1d3..b952e06a36 100644
--- a/website/layouts/_default/baseof.html
+++ b/website/layouts/_default/baseof.html
@@ -64,7 +64,7 @@
     {{ block "main" . }}{{ end }}
     <footer class="bg-dark text-light">
         <div class="container text-center text-md-left">
-            <div class="row py-5">
+            <div class="row py-5 footer-container">
                 <div class="col-12 col-md-6 col-lg mb-3 mb-lg-0">
                     <img src="{{ "icon-dark.png" | relURL }}" alt="Thanos" width="45%">
                 </div>
@@ -87,7 +87,7 @@ <h6 class="font-weight-bold">Community</h6>
                         <li><a href="https://twitter.com/{{ .Site.Params.TwitterHandle }}" class="text-reset"><i class="fab fa-fw fa-twitter"></i> Twitter</a></li>
                     </ul>
                 </div>
-                <div class="col col-md-6 col-lg">
+                <div class="col col-md-6 col-lg about-section">
                     <h6 class="font-weight-bold">About</h6>
                     <p>Thanos is an OSS licensed project as Apache License 2.0</p>
                     <p>Founded by <a href="https://improbable.io" class="text-reset">Improbable ❤️</a></p>
diff --git a/website/static/main.css b/website/static/main.css
index c00d41f90f..ef8ce5edca 100644
--- a/website/static/main.css
+++ b/website/static/main.css
@@ -179,9 +179,17 @@ input[type="search"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 767px) {
     .hero-logo-container {
         flex-grow: 1;
         max-width: 100%;
     }
+    .footer-container {
+        flex-direction: column;
+    }
+
+    .about-section {
+        padding-top: 20px;
+        padding-bottom: 15px;
+    }
 }

From 44daba88b6802afa0c1c80087008f08d3e9cf2ec Mon Sep 17 00:00:00 2001
From: Nikhil Sharma <nikhilsharmamusic2000@gmail.com>
Date: Tue, 4 Jan 2022 14:08:37 +0530
Subject: [PATCH 2/2] fixed tiny nit

Signed-off-by: Nikhil Sharma <nikhilsharmamusic2000@gmail.com>
---
 website/static/main.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/website/static/main.css b/website/static/main.css
index ef8ce5edca..0142e2fd48 100644
--- a/website/static/main.css
+++ b/website/static/main.css
@@ -184,6 +184,7 @@ input[type="search"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
         flex-grow: 1;
         max-width: 100%;
     }
+    
     .footer-container {
         flex-direction: column;
     }