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)