From 1a5c10dd417646af74581a567608e904dc96a62f Mon Sep 17 00:00:00 2001
From: "Wonko T. Sane" <42@wonko.de>
Date: Thu, 27 Dec 2018 02:47:41 +0100
Subject: [PATCH] adding a dashed line when expandable

---
 includes/view/ShiftCalendarShiftRenderer.php |  6 +++---
 resources/assets/themes/base.less            | 12 +++++++++++-
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/includes/view/ShiftCalendarShiftRenderer.php b/includes/view/ShiftCalendarShiftRenderer.php
index c0a9f877..2589b0cf 100644
--- a/includes/view/ShiftCalendarShiftRenderer.php
+++ b/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', [
diff --git a/resources/assets/themes/base.less b/resources/assets/themes/base.less
index 0bf752ab..9d20ae18 100644
--- a/resources/assets/themes/base.less
+++ b/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;*/
   }
 }