Fixed various style bugs with the gantt chart

src/components/tasks/gantt-component.vue

@@ -68,7 +68,7 @@
                  </VueDragResize>
 			</div>
 			<template v-if="showTaskswithoutDates">
-				<div class="row" v-for="t in tasksWithoutDates" :key="t.id">
+				<div class="row" v-for="(t, k) in tasksWithoutDates" :key="t.id" :style="{background: 'repeating-linear-gradient(90deg, #ededed, #ededed 1px, ' + (k % 2 === 0 ? '#fafafa 1px, #fafafa ' : '#fff 1px, #fff ') + dayWidth + 'px)'}">
 					<VueDragResize
 							class="task nodate"
 							:isActive="true"

src/styles/gantt.scss

@@ -148,6 +148,7 @@ $gantt-vertical-border-color: lighten($grey, 45);
     min-height: 0;
     top: 10vh;
     right: 10vw;
+    z-index: 5;
 
     .card-content {
       max-height: 60vh;

src/styles/theme.scss

@@ -240,6 +240,7 @@ h1,h2,h3,h4,h5,h6{
 
 .navbar.main-theme {
   background: $light-background;
+  z-index: 30 !important;
 }
 
 .switch-view {