From 8c4b186c52d3fe70fa42ff164226855146bfa87f Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Mon, 4 May 2020 00:56:56 +0800
Subject: [PATCH] Improved responsive design for search results.

in mobile views.
---
 assets/css/main.scss | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/assets/css/main.scss b/assets/css/main.scss
index 1e5cd1b..83ef96e 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -396,6 +396,7 @@ $sidebar-display: "sidebar-display";
     }
   }
   >div {
+    max-width: 100%;
     &:not(:last-child) {
       margin-bottom: 1rem;
     }
@@ -1075,10 +1076,6 @@ table {
     }
   }
 
-  #search-results>div {
-    max-width: 100% !important;
-  }
-
   #search-input {
     margin-left: 0;
     width: 95%;
@@ -1192,6 +1189,10 @@ table {
     width: calc(100% - 210px);
   }
 
+  #search-results>div {
+    max-width: 700px;
+  }
+
   #site-title {
     font-size: 1.3rem;
     margin-left: 0!important;
@@ -1231,10 +1232,6 @@ table {
     -ms-flex-pack: center!important;
     justify-content: center!important;
   }
-
-  #search-results>div {
-    max-width: 700px;
-  }
 }