From efd6b92298ea521ab8f7a369d2c9edb899ef5fe0 Mon Sep 17 00:00:00 2001
From: sovanna <sovanna.hing@gmail.com>
Date: Thu, 26 Dec 2019 15:30:09 +0100
Subject: [PATCH] fix(mobile): Corrects various things in style

---
 static/css/order-hardware.css | 50 ++++++++++++++++++++++++++++-------
 1 file changed, 40 insertions(+), 10 deletions(-)

diff --git a/static/css/order-hardware.css b/static/css/order-hardware.css
index 799208c..bc35dcf 100644
--- a/static/css/order-hardware.css
+++ b/static/css/order-hardware.css
@@ -8,7 +8,7 @@
   ##Device = Tablets, Ipads (portrait)
   ##Screen = B/w 768px to 1024px
 */
-@media (min-width: 768px) and (max-width: 1024px) {
+@media (min-width: 768px) and (max-width: 1080px) {
   body {
     font-size: .8rem;
   }
@@ -65,14 +65,19 @@
 
   #root-shop .mobileBtnDisplaySideMenu,
   #root-shop .mobileCloseMenu {
-    display: none;
+    display: none !important;
   }
 
   #root-shop .mobileBtnDisplaySideMenu button,
   #root-shop .mobileCloseMenu button {
-    -webkit-appearance: none;
-    background: none;
-    border: none;
+    -webkit-appearance: none !important;
+    background: none !important;
+    border: none !important;
+  }
+
+  #root-shop table {
+    width: 100%;
+    max-width: 100%;
   }
 
   #root-shop table tr {
@@ -85,17 +90,22 @@
   ##Device = Tablets, Ipads (landscape)
   ##Screen = B/w 768px to 1024px
 */
-@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
+@media (min-width: 768px) and (max-width: 1080px) and (orientation: landscape) {
   #root-shop .mobileBtnDisplaySideMenu,
   #root-shop .mobileCloseMenu {
-    display: none;
+    display: none !important;
   }
 
   #root-shop .mobileBtnDisplaySideMenu button,
   #root-shop .mobileCloseMenu button {
-    -webkit-appearance: none;
-    background: none;
-    border: none;
+    -webkit-appearance: none !important;
+    background: none !important;
+    border: none !important;
+  }
+
+  #root-shop table {
+    width: 100%;
+    max-width: 100%;
   }
 
   #root-shop table tr {
@@ -103,6 +113,26 @@
     display: flex !important;
     justify-content: space-between;
   }
+
+  #root-shop .panel .summary {
+    flex-direction: column;
+  }
+
+  #root-shop .panel .summary>.summary-price table {
+    font-size: .7rem;
+  }
+
+  #root-shop .panel .summary>.summary-form form {
+    width: 100%;
+  }
+
+  #root-shop .panel .summary>.summary-price tfoot {
+    font-size: .85rem;
+  }
+
+  #root-shop .panel .summary>.summary-form form input[type="submit"] {
+    margin-bottom: 1em;
+  }
 }
 /*
   ##Device = Low Resolution Tablets, Mobiles (Landscape)