#280 Better screen fit

danielbrendel · Oct 23, 2024 · 2795b78 · 2795b78
1 parent 6cb4a47
commit 2795b78
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/app/resources/sass/app.scss b/app/resources/sass/app.scss
@@ -861,6 +861,12 @@ fieldset .field {
 
 .plant-column table {
     width: 80%;
+    @media screen and (max-width: 1471px) {
+        width: 75%;
+    }
+    @media screen and (max-width: 925px) {
+        width: 73%;
+    }
     @media screen and (max-width: 786px) {
         width: 100%;
     }
@@ -985,7 +991,16 @@ fieldset .field {
 .plant-photo {
     position: relative;
     width: 473px;
-    @media screen and (max-width: 512px) {
+    @media screen and (max-width: 1471px) {
+        width: 405px;
+    }
+    @media screen and (max-width: 1279px) {
+        width: 353px;
+    }
+    @media screen and (max-width: 935px) {
+        width: 320px;
+    }
+    @media screen and (max-width: 768px) {
         width: 100%;
         height: 439px;
     }

diff --git a/public/js/app.js b/public/js/app.js