2 files changed, 154 insertions, 44 deletions

diff --git a/StoneIsland/www/css/account.css b/StoneIsland/www/css/account.css
index 3c04e1b1..7e709197 100644
--- a/StoneIsland/www/css/account.css
+++ b/StoneIsland/www/css/account.css
@@ -51,6 +51,64 @@
   display: block;
 }
 
+#order_list {
+  width: calc(100vw - 40px);
+  position:relative;
+  margin:0 auto;
+  box-sizing:border-box;
+}
+
+#order_list .list {
+  padding:15px 0;
+  position:relative;
+}
+
+.images:after {
+  content:'';
+  width:calc(100% + 100px);
+  height:1px;
+  background:#bbb;
+  position:absolute;
+  bottom:0;
+  left:-50px;
+}
+
+.details-container {
+  position:relative;
+  font-weight:bold;
+  letter-spacing:0.2px;
+  font-size:11px;
+  margin-bottom:10px;
+  width:100%;
+  box-sizing:border-box;
+}
+
+.details-container .details {
+  position:absolute;
+  display:block;
+  bottom:0;
+  right:0;
+  box-sizing:border-box;
+}
+
+.details-container .txt {
+  position:relative;
+  display:block;
+  bottom:0;
+  left:0;
+  box-sizing:border-box;
+}
+
+.details-container .txt span {
+  display:block;
+  box-sizing:border-box;
+}
+
+#orders .item img {
+  max-width:120px;
+  box-sizing:border-box;
+}
+
 .settings #settings { display: block }
 #settings {
   display: none;
@@ -58,6 +116,8 @@
 
 
 
+
+
 form h2 {
   text-align: center;
   margin: 0;
@@ -223,7 +283,7 @@ input.switch:checked + label:after {
 }
 
 .container-fill {
-  min-height:40px;
+  min-height:50px;
   flex: 1;
   align-items: center;
   justify-content: center;
@@ -272,7 +332,7 @@ input.switch:checked + label:after {
   width:calc(100vw - 10px);
   display:table;
   box-sizing:border-box;
-  margin:0 auto 5px;
+  margin:0 auto;
 }
 
 .checkbox-toggle {
@@ -294,7 +354,7 @@ input.switch:checked + label:after {
 }
 
 .checkbox-row {
-  margin:12px 0;
+  margin:6px 0 0;
   box-sizing:border-box;
 }
 
diff --git a/StoneIsland/www/css/cart.css b/StoneIsland/www/css/cart.css
index 52b2a4cb..204feeef 100644
--- a/StoneIsland/www/css/cart.css
+++ b/StoneIsland/www/css/cart.css
@@ -19,7 +19,7 @@
   position:relative;
 }
 .summary_step, .shipping_step {
-border-right: 1px solid #bbb
+  border-right: 1px solid #bbb
 }
 
 #cart.summary .summary_step,
@@ -33,7 +33,7 @@ border-right: 1px solid #bbb
 #cart_payment,
 #cart_confirm,
 #cart_thanks {
-  height: calc(100vh - 195px);
+  height: calc(100vh - 187px);
   overflow: hidden;
   position: relative;
 }
@@ -87,6 +87,7 @@ border-right: 1px solid #bbb
 
 #cart h3 {
   padding-left: 5px;
+  font-size:12px;
 }
 
 .cart_item_row {
@@ -112,10 +113,10 @@ box-sizing:border-box
 
 .cart_item_image img {
 max-width:calc(33vw - 25px);
+padding-right:30px;
 }
 
 .cart_item_info {
-padding-left:30px;
 padding-bottom:5px;
 position:relative;
 width:100%
@@ -152,69 +153,109 @@ transform:rotate(45deg) translateX(-50%) translateY(-50%)
 }
 
 .cart_item_price .remove:before {
-content:'';
-width:1px;
-height:22px;
-background:#bbb;
-position:absolute;
-top:50%;
-left:50%;
-z-index:3;
-transform-origin:top left;
-transform:rotate(-45deg) translateX(-50%) translateY(-50%)
+  content:'';
+  width:1px;
+  height:22px;
+  background:#bbb;
+  position:absolute;
+  top:50%;
+  left:50%;
+  z-index:3;
+  transform-origin:top left;
+  transform:rotate(-45deg) translateX(-50%) translateY(-50%)
 }
 
 .cart_item_price .price {
-font-size:11px;
-font-weight:bold;
-display:block
+  font-size:11px;
+  font-weight:bold;
+  display:block
 }
 
 .cart_item_info .sku {
-font-size:10px;
-font-weight:bold;
-display:block
+  font-size:10px;
+  font-weight:bold;
+  display:block
 }
 
 .cart_item_info .title {
-font-size:10px;
-font-weight:bold;
-display:block;
-line-height:12px;
-text-transform:uppercase;
+  font-size:10px;
+  font-weight:bold;
+  display:block;
+  line-height:12px;
+  text-transform:uppercase;
 }
 
 .cart_item_info .type {
-font-size:10px;
-font-weight:bold;
-display:block;
-text-transform:capitalize;
+  font-size:10px;
+  font-weight:bold;
+  display:block;
+  text-transform:capitalize;
 }
 
 .cart_item_info .meta {
-padding-top:5px;
-letter-spacing:.75px;
-font-size:8px;
+  padding-top:5px;
+  letter-spacing:.75px;
+  font-size:8px;
+}
+
+.order_section .rows {
+  width:calc(100vw - 30px);
+  margin:0 auto;
+}
+
+.order_section h2 {
+  width:calc(100vw - 30px);
+  margin:15px auto;
+  text-decoration:underline;
+  font-size:11px;
+}
+
+.order_section_container {
+  width:calc(100vw - 30px);
+  margin:15px auto 2px;
 }
 
 .cart-summary {
-width:calc(100vw - 30px);
-margin:0 auto;
-display:table;
-color:#bbb;
-font-size:11px;
+  width:calc(100vw - 30px);
+  margin:0 auto;
+  display:table;
+  color:#bbb;
+  font-size:11px;
 }
 
 .cart-summary-row {
-display:table-row;
+  display:table-row;
 }
 
 .cart-summary span {
-display:table-cell;
-padding-top:20px;
-vertical-align:bottom;
+  display:table-cell;
+  padding-top:20px;
+  vertical-align:bottom;
+}
+
+.order_section .cart-summary-row span {
+  padding-top:1px;
+}
+
+.order_section .cart-summary {
+  padding-top:15px;
 }
 
+.order_section .cart-summary-row:last-child > span {
+  padding-top:15px!important;
+  font-weight:bold!important;
+}
+
+.order_section .cart-summary .cart-summary-row span:nth-of-type(2) {
+  color:#000;
+}
+
+#orders .order_section {
+  padding-bottom: 16px;
+  border-bottom: 1px solid #bbb;
+}
+
+
 .cart-summary-row span:not(.label) {
 text-align:right
 }
@@ -289,5 +330,14 @@ color:#000;
 }
 
 #cart_shipping h3 {
-margin-left:5px;
+  margin-left:5px;
+  margin-bottom:6px;
 }
+
+#cart_shipping input:first-child {
+  margin-top:10px
+}
+
+#cart_shipping .half-input input {
+  margin-top:0px
+}
\ No newline at end of file