1 files changed, 41 insertions, 25 deletions

diff --git a/resources/assets/themes/base.less b/resources/assets/themes/base.less
index b44602f0..74dadc11 100644
--- a/resources/assets/themes/base.less
+++ b/resources/assets/themes/base.less
@@ -11,7 +11,7 @@ body {
 }
 
 .first {
-	clear: both;
+  clear: both;
   margin-top: 30px;
 }
 
@@ -52,7 +52,7 @@ table a > .icon-icon_angel {
 }
 
 .table .form-group {
-	margin-bottom: 0;
+  margin-bottom: 0;
 }
 
 .stats {
@@ -60,20 +60,22 @@ table a > .icon-icon_angel {
   .make-xs-column(6);
   font-size: 20px;
   height: 150px;
-	text-align: center;
-
-	.number {
-	  font-size: 80px;
-	  font-weight: 200;
-	}
-	@media (max-width: @screen-md) {
-	  font-size: inherit;
-	  .number {
-	    font-size: 40px;
-	  }
+  text-align: center;
+
+  .number {
+    font-size: 80px;
+    font-weight: 200;
+  }
+
+  @media (max-width: @screen-md) {
+    font-size: inherit;
+    .number {
+      font-size: 40px;
+    }
   }
 }
 
+
 .stats-danger {
   color: @brand-danger;
 }
@@ -87,12 +89,12 @@ table a > .icon-icon_angel {
 }
 
 .dashboard-panel {
-	position: relative;
-	font-size: 20px;
+  position: relative;
+  font-size: 20px;
   color: @headings-color;
 
-	.panel-link {
-	  position: absolute;
+  .panel-link {
+    position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
@@ -102,11 +104,11 @@ table a > .icon-icon_angel {
     background-color: @brand-primary; /* Fix to make div clickable in IE */
     opacity: 0; /* Fix to make div clickable in IE */
     filter: alpha(opacity=1); /* Fix to make div clickable in IE */
-	}
+  }
 
-	.panel-link:hover {
+  .panel-link:hover {
     opacity: 0.3;
-	}
+  }
 }
 
 .panel-primary .panel-heading a {
@@ -140,7 +142,7 @@ table a > .icon-icon_angel {
 }
 
 .selection .checkbox {
-	display: block;
+  display: block;
 }
 
 .shift-calendar {
@@ -190,9 +192,20 @@ table a > .icon-icon_angel {
     flex-shrink: 0;
   }
 
-  .shift {
-    margin: 0 5px 5px 0;
+  .shift-card {
+    z-index: 0;
     overflow: hidden;
+    position: relative;
+    margin: 0 5px 5px 0;
+
+    &:hover {
+      overflow: visible;
+      z-index: 100;
+    }
+
+    .shift {
+      min-height: 100%;
+    }
   }
 }
 
@@ -201,13 +214,14 @@ table a > .icon-icon_angel {
 }
 
 .column_duration {
-	text-align: right;
+  text-align: right;
 }
 
 .messages {
   &:focus {
     outline: none;
   }
+
   a:focus {
     outline: none;
   }
@@ -296,7 +310,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;