1 files changed, 38 insertions, 7 deletions
diff --git a/StoneIsland/platforms/ios/www/css/nav.css b/StoneIsland/platforms/ios/www/css/nav.css
index 05e4aedc..0b9ad123 100755
--- a/StoneIsland/platforms/ios/www/css/nav.css
+++ b/StoneIsland/platforms/ios/www/css/nav.css
@@ -321,7 +321,6 @@ padding-bottom:0px;
 #selector {
   display: none;
   position: absolute;
-  background: #fff;
   z-index: 2;
   box-sizing:border-box;
   min-width:100px;
@@ -338,7 +337,7 @@ padding-bottom:0px;
   } 
 } 
 
-#selector .options div {
+#selector:not(.selector-outer-wrap) .options div {
   background: white;
   text-align: center;
   padding: 7px 12px;
@@ -347,22 +346,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,