style: formatting and nesting

resources/assets/themes/base.less

@@ -66,6 +66,7 @@ table a > .icon-icon_angel {
     font-size: 80px;
     font-weight: 200;
   }
+
   @media (max-width: @screen-md) {
     font-size: inherit;
     .number {
@@ -190,31 +191,35 @@ table a > .icon-icon_angel {
     width: 50px;
     flex-shrink: 0;
   }
+
   .shift-card {
-	  z-index:0;
-	  overflow:hidden;
-	  position:relative;
+    z-index: 0;
+    overflow: hidden;
+    position: relative;
     border-bottom-width: 1px;
     border-bottom-style: dashed;
-  }
-  .shift-card:hover {
-	  overflow:visible;
-	  z-index:100;
+
+    &:hover {
+      overflow: visible;
+      z-index: 100;
       border: none;
+
+      .shift {
+        z-index: 100;
       }
-  .shift-card:hover .shift {
-  	 z-index:100;
     }
+  }
+
   .shift {
     margin: 0 5px 5px 0;
     position: absolute;
     width: 100%;
-  }
-  .shift:hover {
+
+    &:hover {
       margin: 0 5px 5px 0;
       position: absolute;
       width: 100%;
-    /*border: 1px solid;*/
+    }
   }
 }
 
@@ -230,6 +235,7 @@ table a > .icon-icon_angel {
   &:focus {
     outline: none;
   }
+
   a:focus {
     outline: none;
   }
@@ -318,7 +324,9 @@ table a > .icon-icon_angel {
     float: none;
     width: 100%;
 
-    position: relative; left: 0; right: 0;
+    position: relative;
+    left: 0;
+    right: 0;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;