From 165b16eb4578b33bb80e975eb69bf3d67afb4d82 Mon Sep 17 00:00:00 2001
From: Rene Ae <aehtyb@gmail.com>
Date: Wed, 25 Nov 2015 16:37:13 -0600
Subject: dropdown

---
 StoneIsland/www/css/cart.css | 55 ++++++++++++++++++++++++++++++++++++++++++++
 StoneIsland/www/index.html   |  6 +++--
 2 files changed, 59 insertions(+), 2 deletions(-)

(limited to 'StoneIsland/www')

diff --git a/StoneIsland/www/css/cart.css b/StoneIsland/www/css/cart.css
index ff331418..6467e8d3 100644
--- a/StoneIsland/www/css/cart.css
+++ b/StoneIsland/www/css/cart.css
@@ -191,4 +191,59 @@ font-weight:bold
 
 .cart-summary-row:last-child {
 color:#000;
+}
+
+.dropdown-wrapper {
+  position:relative;
+  text-align:right;
+  width:calc(100vw - 10px);
+  margin:0 auto;
+  box-sizing:border-box;
+
+}
+
+.dropdown-wrapper .add_edit {
+  padding:10px;
+  letter-spacing:0.5px;
+  font-size:12px;
+  color:#a9a9a9;
+  box-sizing:border-box;
+}
+
+.dropdown-wrapper .dropdown {
+  font-size:14px;
+  box-sizing:border-box;
+  align-items: center;
+  text-align: center;
+  padding:10px 0;
+  border:1px solid #a9a9a9;
+  position:relative;
+}
+
+.dropdown-wrapper .dropdown::before {
+  content:'';
+  box-sizing:border-box;
+  right:25px;
+  width:1px;
+  top:50%;
+  transform:translateY(-50%) rotate(45deg);
+  height:12px;
+  background:#a9a9a9;
+  position:absolute;
+  z-index:999;
+  transform-origin:bottom left;
+}
+
+.dropdown-wrapper .dropdown::after {
+  content:'';
+  box-sizing:border-box;
+  right:25px;
+  width:1px;
+  top:50%;
+  transform:translateY(-50%) rotate(-45deg);
+  transform-origin:bottom right;
+  height:12px;
+  background:#a9a9a9;
+  position:absolute;
+  z-index:999;
 }
\ No newline at end of file
diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html
index 6b3b6495..8d25ed9b 100644
--- a/StoneIsland/www/index.html
+++ b/StoneIsland/www/index.html
@@ -619,10 +619,12 @@
     <div id="cart_shipping">
       <div class="scroll">
         <form>
-          <div class="add_edit">add/edit</div>
-          <div class="select_address">
+          <div class="dropdown-wrapper">
+          <div class="dropdown-title add_edit">add / edit</div>
+          <div class="dropdown select_address">
             ADDRESS
           </div>
+          </div>
           <div class="address_form">
             <div class="address"></div>
             <div class="checkbox-container">
-- 
cgit v1.2.3-70-g09d2