adding a dashed line when expandable

includes/view/ShiftCalendarShiftRenderer.php

@@ -38,11 +38,11 @@ class ShiftCalendarShiftRenderer
 
         return [
             $blocks,
-            div( 'shift-card "style="height: '
+            div( 'panel-' . $class. ' shift-card" style="height: '
                 . ($blocks * ShiftCalendarRenderer::BLOCK_HEIGHT - ShiftCalendarRenderer::MARGIN)
-                . 'px;}"',
+                . 'px;',
                 div(
-                    'shift panel panel-' . $class. '" style="position: absolute; width:99%;',
+                    'shift panel panel-' . $class. '" style="position: absolute; width:100%;',
                     [
                         $this->renderShiftHead($shift, $class),
                         div('panel-body', [

resources/assets/themes/base.less

@@ -74,6 +74,7 @@ table a > .icon-icon_angel {
   }
 }
 
+
 .stats-danger {
   color: @brand-danger;
 }
@@ -193,10 +194,13 @@ table a > .icon-icon_angel {
 	  z-index:0;
 	  overflow:hidden;
 	  position:relative;
+	  border-bottom-width: 1px;
+	  border-bottom-style: dashed;
   }
   .shift-card:hover {
 	  overflow:visible;
 	  z-index:100;
+	  border: none;
   }
   .shift-card:hover .shift {
   	 z-index:100;
@@ -204,7 +208,13 @@ table a > .icon-icon_angel {
   .shift {
     margin: 0 5px 5px 0;
     position: absolute;
-    width: 99%;
+    width: 100%;
+  }
+  .shift:hover {
+    margin: 0 5px 5px 0;
+    position: absolute;
+    width: 100%;
+    /*border: 1px solid;*/
   }
 }