From 088fe0bdba5c20668d32c97eb9ce0292f145d6dd Mon Sep 17 00:00:00 2001
From: Karl Hasselbring <Karl Hasselbring>
Date: Fri, 11 May 2018 10:54:01 +0200
Subject: [PATCH] =?UTF-8?q?Ergebnisstyle=20f=C3=BCr=20Browser=20ohne=20Gri?=
 =?UTF-8?q?d=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assets/less/metager/result-page.less      | 29 ++++++++++++++++---
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/resources/assets/less/metager/result-page.less b/resources/assets/less/metager/result-page.less
index 454bd1379..a55bea1c0 100644
--- a/resources/assets/less/metager/result-page.less
+++ b/resources/assets/less/metager/result-page.less
@@ -398,11 +398,13 @@ a {
         }
     }
     @media (max-width: @resultpage-breakpoint-large) {
-        #research-bar-container {
-            width: ~"calc(60% - 1px)";
+        @supports (display: grid) {
+            #research-bar-container {
+                width: ~"calc(60% - 1px)";
+            }
+            grid-template-columns:~"calc(60% - 8px)"~"calc(40% - 8px)";
+            grid-template-areas: "searchbar ." "foki ." "results additions";
         }
-        grid-template-columns:~"calc(60% - 8px)"~"calc(40% - 8px)";
-        grid-template-areas: "searchbar ." "foki ." "results additions";
     }
     @media (max-width: @resultpage-breakpoint-small) {
         #research-bar-container {
@@ -564,4 +566,23 @@ footer.resultPageFooter {
     #research-bar>.openSidebar {
         display: initial;
     }
+}
+
+/* Style-fixes for browsers that do not support grid layout */
+
+#resultpage-container {
+    #results-container {
+        float: left;
+        @media (max-width: @resultpage-breakpoint-small) {
+            float:none;
+        }
+    }
+    #additions-container {
+        float: left;
+        margin-left: 20px;
+        @supports (display: grid) {
+            float: none;
+            margin-left: 0px;
+        }
+    }
 }
\ No newline at end of file
-- 
GitLab