Update selector layout.

src/_h5ai/client/css/inc/general.less

@@ -74,7 +74,7 @@
 }
 
 .rounded() {
-    overflow: hidden;
+    // overflow: hidden;
     border-radius: 2px;
 }
 

src/_h5ai/client/css/inc/view-details.less

@@ -37,6 +37,7 @@
         display: list-item;
         background: #fafafa;
         border-bottom: 1px solid rgba(0,0,0,0.07);
+        border-radius: 2px 2px 0 0;
 
         .label, .date, .size {
             line-height: 46px;
@@ -73,6 +74,10 @@
             .raised();
             z-index: 1;
         }
+
+        &:last-child {
+            border-radius: 0 0 2px 2px;
+        }
     }
 
     .square {
@@ -105,8 +110,7 @@
     }
 
     .selector {
-        left: -2px;
+        left: -5px;
-        top: -2px;
     }
 
     .view-details-sized(16px)

src/_h5ai/client/css/inc/view-grid.less

@@ -23,6 +23,7 @@
     .item {
         .card();
         .rounded();
+        overflow: hidden;
         float: left;
         margin: 8px;
 

src/_h5ai/client/css/inc/view-icons.less

@@ -26,6 +26,7 @@
     .item {
         .card();
         .rounded();
+        overflow: hidden;
         float: left;
         margin: 8px;
 

src/_h5ai/client/css/inc/view.less

@@ -112,20 +112,19 @@
     .selector {
         display: none;
         position: absolute;
-        left: 0;
+        left: -1px;
-        top: 0;
+        top: 4px;
         width: 22px;
         height: 22px;
         background-color: #fff;
         cursor: pointer;
-        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
+        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
-        border-radius: 0 0 12px 0;
+        border-radius: 0 2px 2px 0;
         opacity: 0.6;
-        padding: 0px;
+        padding: 0 0 0 4px;
 
         &:hover {
             opacity: 0.8;
-            box-shadow: 0 0 16px 0 rgba(0,0,0,0.3);
         }
 
         img {