Iterate on layer control item design

[rails.git] / app / assets / stylesheets / common.css.scss

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index d93a743016a44eccdfae14ee50826dc12e9c9c34..fe4217d8bc85bb06cc1688cfd81a65b0fca52ce6 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -181,6 +181,7 @@ small, aside {
 .icon.clipboard   { background-position: -160px 0; }
 .icon.link        { background-position: -180px 0; }
 .icon.close       { background-position: -200px 0; }
+.icon.close:hover { background-position: -200px -20px; }
 .icon.check       { background-position: -220px 0; }
 .icon.note        { background-position: -240px 0; }
 .icon.gear        { background-position: -260px 0; }
@@ -708,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;
         }
       }