@@ -30,7 +30,7 @@

                     if (element.id == 'daily-zoom-in' && value < 12)

                     {

                         root.style.setProperty('--slot-height',(value + 1.5) + unit);

-                    } else if (element.id == 'daily-zoom-out' && value >= 4.5)

+                    } else if (element.id == 'daily-zoom-out' && value > 4.5)

                     {

                         root.style.setProperty('--slot-height',(value - 1.5) + unit);

                     } else if (element.id == 'daily-zoom-reset')

@@ -5,6 +5,7 @@ $event-border-color: darken(nth($event-bg-color,1),20%);

 $event-border-width: 1px;

 $event-color: #fff;

 $hour-line-color: #999;

+$column-line-color: #e9e9e9;

 $time-color: #666;

 $text-color: #333;

 $header-bg-color: #f2f2f2;

@@ -100,7 +101,7 @@ $row-amount: 96;

   .daily-grid-cells-container {

     position: relative;

-    padding: 0 12px;

+    //padding: 0 12px;

     box-sizing: border-box;

     flex: 1 0 auto;

     width: 129px;

@@ -111,7 +112,6 @@ $row-amount: 96;

     .daily-grid-columns {

       display: flex;

       align-items: flex-start;

-      grid-column-gap: 10px;

     }

     .daily-grid-column {

@@ -119,12 +119,17 @@ $row-amount: 96;

       grid-column-gap: 3px;

       z-index: 2;

       position: relative;

+      padding: 0 10px;

       height: 100%;

       width: 100%;

       display: grid;

       grid-template-rows: repeat($row-amount, calc(var(--slot-height) / (#{$row-amount} / 24)));

       @include animate-zoom;

+      &:nth-child(even) {

+        background-color: #f6f6ff;

+      }

+

       .cell-placeholder {

         line-height: calc(var(--slot-height) / 4);

         @include animate-zoom;

@@ -150,7 +155,7 @@ $row-amount: 96;

       .event-cell {

         line-height: calc(var(--slot-height) / 4);

         @include animate-zoom;

-        z-index: 2;

+        z-index: 3;

         box-sizing: border-box;

         border-radius: 5px;

         background-color: nth($event-bg-color, 1);