Iterate on layer control item design
authorJohn Firebaugh <john.firebaugh@gmail.com>
Wed, 6 Nov 2013 00:46:08 +0000 (16:46 -0800)
committerJohn Firebaugh <john.firebaugh@gmail.com>
Wed, 6 Nov 2013 00:46:08 +0000 (16:46 -0800)
app/assets/stylesheets/common.css.scss

index 82b78f664b7eae3e590e175213364a951a696345..fe4217d8bc85bb06cc1688cfd81a65b0fca52ce6 100644 (file)
@@ -709,23 +709,22 @@ nav.secondary {
       
       label {
         position: absolute;
-        top: 10px;
-        left: 8px;
+        top: 0;
+        left: 0;
         padding: 2px 6px;
-        border-radius: 3px;
+        border-bottom-right-radius: 3px;
         cursor: pointer;
         font-weight: 500;
         font-size: 16px;
         text-stroke: 2px #fff;
-        background: rgba(255,255,255,.8);
+        background: rgba(255,255,255,.9);
         text-shadow:
          -2px -2px 1px #fff,  
           2px -2px 1px #fff,
           -2px 2px 1px #fff,
            2px 2px 1px #fff;
         input[type="radio"] {
-          vertical-align: middle;
-          margin-bottom: 4px;
+          display: none;
         }
       }