feat(client): improve ship page on small screens

clemlatz · Feb 25, 2024 · 84f267c · 84f267c
1 parent daa6efa
commit 84f267c
Showing 1 changed file with 16 additions and 11 deletions.
diff --git a/client/app/styles/app.css b/client/app/styles/app.css
@@ -1,23 +1,28 @@
 /* Ember supports plain CSS out of the box. More info: https://cli.emberjs.com/release/advanced-use/stylesheets/ */
 
-dl {
-  display: flex;
-  flex-wrap: wrap;
-}
-
 dl dt {
   background: lightgray;
   padding: 4px;
   padding-right: 8px;
   margin-bottom: 4px;
-  text-align: right;
-  width: 20%;
 }
 
-dl dd {
-  padding: 4px;
-  padding-left: 8px;
-  width: 80%;
+@media(min-width: 768px) {
+  dl {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  dl dt {
+    text-align: right;
+    width: 25%;
+  }
+
+  dl dd {
+    padding: 4px;
+    padding-left: 8px;
+    width: 75%;
+  }
 }
 
 /* Position */