Calender View Timeline

Lines with time stamps are shown on the columns

anwendung/src/styles/globals.css

@@ -194,6 +194,24 @@ Calender View
 {
   max-height: 300px;
   overflow-y: scroll;
+  display: grid;
+}
+
+.content
+{
+  grid-area: 1 / 1;
+}
+
+.overlay
+{
+  padding: 2px 0 0 0;
+  grid-area: 1 / 1;
+  pointer-events: none;
+}
+
+.no-pointer-events
+{
+  pointer-events: none;
 }
 
 .wochen-tag-container
@@ -213,7 +231,7 @@ Calender View
   Test
    */
   width: 500px;
-  height: 1000px;
+  height: 965px;
   /*
   End Test
    */
@@ -224,6 +242,7 @@ Calender View
   justify-content: stretch;
   gap: 2px;
   user-select: none;
+  padding: 2px 0 0 0;
 }
 
 .calender-view .spalte
@@ -261,11 +280,12 @@ Calender View
   padding: 0px 2px;
   align-items: center;
   cursor: move;
+  z-index: 10;
 }
 
 .entry .resize-grab
 {
-  height: 3px;
+  height: 5px;
   cursor: ns-resize;
   width: 100%;
 }
@@ -273,7 +293,7 @@ Calender View
 .entry p
 {
   color: white;
-  font-size: 5px;
+  font-size: 6px;
   cursor: default;
   pointer-events: none;
 }