From 48589b3daa2fa46cf109ec3f1eaaac6901648fc5 Mon Sep 17 00:00:00 2001
From: Egor Savkin <es@m-labs.hk>
Date: Thu, 29 Jun 2023 14:08:23 +0800
Subject: [PATCH] Adjust styles to different available displays

Signed-off-by: Egor Savkin <es@m-labs.hk>
---
 static/css/order-hardware.css | 38 +++++++++++++++++++++++++++++++----
 1 file changed, 34 insertions(+), 4 deletions(-)

diff --git a/static/css/order-hardware.css b/static/css/order-hardware.css
index a7bad6b..4a3e67e 100644
--- a/static/css/order-hardware.css
+++ b/static/css/order-hardware.css
@@ -15,8 +15,11 @@
 #accordion_categories,
 #accordion_categories .card {
   background-color: inherit;
-  border-top: 1px  #1a6d93 solid;
-  border-radius: 3px;
+}
+
+#accordion_categories .card:not(:first-child) {
+  border-top: thin  rgba(255,255, 255, 20%) solid ;
+  border-radius: 0;
 }
 
 #accordion_categories .card-header {
@@ -27,15 +30,22 @@
   color: white;
   font-weight: bold;
   font-size: 1.75rem;
-  padding: .75rem 1.25rem;
+  padding: .75rem 2rem;
 }
+
 #accordion_categories .card .card-body {
   padding: 0;
 }
 
 #accordion_categories .card-header:hover {
-  background-color: #1a6d93;
+  background-color: #1f4f68;
   transition: 0.3s;
+  text-decoration: none;
+}
+
+#accordion_categories button:focus,
+#accordion_categories button:hover {
+  text-decoration: none;
 }
 
 /*
@@ -136,6 +146,11 @@
   #root-shop .panel .summary>.summary-form {
     width: 100%;
   }
+
+  #accordion_categories button {
+    font-size: 1.5rem;
+    padding: .75rem 1rem;
+  }
 }
 /*
   ##Device = Tablets, Ipads (landscape)
@@ -204,6 +219,11 @@
   #root-shop .panel .summary>.summary-form {
     width: 100%;
   }
+
+  #accordion_categories button {
+    font-size: 1.5rem;
+    padding: .75rem 1rem;
+  }
 }
 /*
   ##Device = Low Resolution Tablets, Mobiles (Landscape)
@@ -405,6 +425,11 @@
   #root-shop .panel .summary>.summary-form {
     width: 100%;
   }
+
+  #accordion_categories button {
+    font-size: 1rem;
+    padding: .5rem 0.5rem;
+  }
 }
 /*
   ##Device = Most of the Smartphones Mobiles (Portrait)
@@ -602,4 +627,9 @@
   #root-shop .panel .summary>.summary-form {
     width: 100%;
   }
+
+  #accordion_categories button {
+    font-size: 1rem;
+    padding: .5rem 0.5rem;
+  }
 }
\ No newline at end of file