From 84f267c5097fb8487e5d6d87c2ec507a4f6a376b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Latzarus?= <c@ltzr.io>
Date: Sun, 25 Feb 2024 10:48:43 +0100
Subject: [PATCH] feat(client): improve ship page on small screens

---
 client/app/styles/app.css | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/client/app/styles/app.css b/client/app/styles/app.css
index 9acf2b0..621111f 100644
--- 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 */