1 files changed, 52 insertions, 13 deletions

diff --git a/StoneIsland/platforms/android/assets/www/css/nav.css b/StoneIsland/platforms/android/assets/www/css/nav.css
index 05e4aedc..30f1af18 100755
--- a/StoneIsland/platforms/android/assets/www/css/nav.css
+++ b/StoneIsland/platforms/android/assets/www/css/nav.css
@@ -219,19 +219,23 @@ padding-bottom:0px;
   padding: 9px 10px 5px;
 }
 
-#header .cart {
+#header .cart_rapper {
   display: inline-block;
+  position: relative;
+  float: right;
+  width: 40px; height: 40px;
+}
+#header .cart {
+  position: relative;
   float: right;
   width: 18px;
   top: 15px;
   height: 18px;
-  margin-right:18px;
-    background: #fff;
+  margin-right: 18px;
+  background: #fff;
   background-image:url(../img/cart-box.png);
   background-size:100%;
   background-repeat:no-repeat;
-  position: relative;
-
 }
 
 .cart .cart_count {
@@ -243,7 +247,7 @@ padding-bottom:0px;
   font-size:12.35px;
 }
 
-.cart::before {
+#header .cart::before {
   position: absolute;
   content: '';
   left: 50%;
@@ -321,7 +325,6 @@ padding-bottom:0px;
 #selector {
   display: none;
   position: absolute;
-  background: #fff;
   z-index: 2;
   box-sizing:border-box;
   min-width:100px;
@@ -338,7 +341,7 @@ padding-bottom:0px;
   } 
 } 
 
-#selector .options div {
+#selector:not(.selector-outer-wrap) .options div {
   background: white;
   text-align: center;
   padding: 7px 12px;
@@ -347,22 +350,54 @@ padding-bottom:0px;
   border-left:1px solid black;
   border-right:1px solid black;
   border-top:1px solid black;
-
 }
 
-#selector .options div:last-of-type {
+#selector:not(.selector-outer-wrap) .options div:last-of-type {
   border-bottom:1px solid black
 }
 
 .selector-full {
-    width: 100% !important;
-    box-sizing:border-box
+  width: 100% !important;
+  box-sizing:border-box
 }
 
 .selector-full > div > div {
-    padding: 12px 0 !important;
+  padding: 12px 0 !important;
+}
+
+.selector-outer-wrap {
+  max-width:250px!important;
+  min-width:250px!important;
+  box-sizing:border-box!important;
+  font-size: 0!important;
+}
+
+.selector-outer-wrap .options div {
+  width:120px!important;
+  border-bottom:1px solid black!important;
+  display:inline-block!important;
+  box-sizing:border-box!important;
+  margin:0!important; 
+  background: white;
+  text-align: center;
+  padding: 7px 12px;
+  font-size:14px!important;
+}
+
+.selector-outer-wrap .options div:nth-of-type(odd){
+  border-left:1px solid black!important;
+  border-right:1px solid black!important;
+}
+
+.selector-outer-wrap .options div:nth-of-type(even){
+ border-right:1px solid black!important;
+}
+
+.selector-outer-wrap .options div:nth-of-type(-n+2){
+  border-top:1px solid black!important;
 }
 
+
 /* CONTENT */
 
 #story, #hub, #archive, .page,
@@ -377,6 +412,10 @@ padding-bottom:0px;
   width: 100%;
   overflow: hidden;
 }
+#collection.single {
+  height: -webkit-calc(100% - 43px);
+  height: calc(100% - 43px);
+}
 #story, #hub, #archive, .page, #closed {
   /* these things do not have a footer */
   height: -webkit-calc(100% - 43px);