From d8ea28806de3c76eb491d540877b52a9b162a0e2 Mon Sep 17 00:00:00 2001
From: RoLoDeXX <dexxrolo@gmail.com>
Date: Sun, 23 Feb 2020 15:10:59 +0530
Subject: [PATCH 1/2] graphql logo position fix on small screens

---
 site/_css/index.less | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/site/_css/index.less b/site/_css/index.less
index 58c9912670..3cba74fae5 100644
--- a/site/_css/index.less
+++ b/site/_css/index.less
@@ -125,6 +125,9 @@ body.index {
         display: block;
         width: 90px;
         height: 90px;
+        @media screen and (max-width: 768px) {
+          margin-top: 3rem;
+        }
       }
     }
 

From 928bc5bee98b8dea2a3f8472a07a7b8b67c4553f Mon Sep 17 00:00:00 2001
From: RoLoDeXX <dexxrolo@gmail.com>
Date: Sun, 23 Feb 2020 19:59:54 +0530
Subject: [PATCH 2/2] search bar size fix

---
 site/_css/algolia.less | 12 ++++++++++--
 site/_css/index.less   |  3 ---
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/site/_css/algolia.less b/site/_css/algolia.less
index 150eb78eb1..5b431eeda2 100644
--- a/site/_css/algolia.less
+++ b/site/_css/algolia.less
@@ -25,9 +25,17 @@
     padding: 0 10px 0 35px;
     width: 180px;
     transition: width 0.2s ease-out;
+    float: right;
 
-    &:focus {
-      width: 300px;
+    @media screen and (min-width: 1021px) and (max-width: 1065px){
+      &:focus {
+        width: 180px
+      }
+    }
+    @media screen and (min-width: 1065px){
+      &:focus {
+        width: 100%;
+      }
     }
   }
 
diff --git a/site/_css/index.less b/site/_css/index.less
index 3cba74fae5..58c9912670 100644
--- a/site/_css/index.less
+++ b/site/_css/index.less
@@ -125,9 +125,6 @@ body.index {
         display: block;
         width: 90px;
         height: 90px;
-        @media screen and (max-width: 768px) {
-          margin-top: 3rem;
-        }
       }
     }