From 264b1118457dbdad522da9285cf72525ba9e5a32 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Tue, 20 Apr 2021 13:25:14 +0200
Subject: [PATCH] improve responsive design

---
 assets/css/admin.scss | 61 +++++++++++++++++++++++++------------------
 1 file changed, 36 insertions(+), 25 deletions(-)

diff --git a/assets/css/admin.scss b/assets/css/admin.scss
index 61ecf32..79b27b1 100644
--- a/assets/css/admin.scss
+++ b/assets/css/admin.scss
@@ -217,34 +217,9 @@ tr.table-primary-light {
 }
 
 table.table-fixed, .table-fixed > table {
-    width: 100%;
-
-    tbody {
-        overflow: auto;
-        width: 100%;
-        height: 500px;
-    }
-
-    thead, tbody, tr, td, th {
-        display: block;
-    }
-
-    tbody {
-        td, th {
-            float: left;
-            min-height: 60px;
-        }
-
-        tr {
-            clear: left;
-        }
-    }
-
     thead {
         tr {
             th {
-                float: left;
-
                 &.sorted {
                     &::before {
                         content: '\f0dc';
@@ -256,6 +231,42 @@ table.table-fixed, .table-fixed > table {
             }
         }
     }
+
+}
+
+@media screen and (min-height: 650px) {
+    table.table-fixed, .table-fixed > table {
+        width: 100%;
+
+        tbody {
+            overflow: auto;
+            width: 100%;
+            height: 500px;
+        }
+
+        thead, tbody, tr, td, th {
+            display: block;
+        }
+
+        tbody {
+            td, th {
+                float: left;
+                min-height: 60px;
+            }
+
+            tr {
+                clear: left;
+            }
+        }
+
+        thead {
+            tr {
+                th {
+                    float: left;
+                }
+            }
+        }
+    }
 }
 
 .toast-container {