Calender Correct Scaling XD

anwendung/src/styles/globals.css

@@ -33,17 +33,17 @@ Button
 
 .font-small
 {
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .font-middle
 {
-  font-size: 12px ;
+  font-size: 16px ;
 }
 
 .font-big
 {
-  font-size: 16px;
+  font-size: 22px;
 }
 
 .button
@@ -189,7 +189,7 @@ Calender View
 
 .calender-container
 {
-  max-height: 300px;
+  max-height: 600px;
   overflow-y: scroll;
   display: grid;
 }
@@ -221,9 +221,9 @@ Calender View
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  height: 25px;
-  width: 500px;
-  gap: 2px;
+  height: 60px;
+  width: 1000px;
+  gap: 5px;
   background-color: #363636;
 }
 
@@ -232,8 +232,8 @@ Calender View
   /*
   Test
    */
-  width: 500px;
-  height: 965px;
+  width: 1000px;
+  height: 2400px;
   /*
   End Test
    */
@@ -242,29 +242,29 @@ Calender View
   flex-direction: row;
   align-items: stretch;
   justify-content: stretch;
-  gap: 2px;
+  gap: 5px;
   user-select: none;
   padding: 2px 0 0 0;
 }
 
 .calender-view .spalte
 {
-  border-radius: 5px;
-  width: 100px;
+  border-radius: 10px;
+  width: 400px;
   background-color: white;
   display: grid;
-  padding: 0 1.5px;
+  padding: 0 3px;
   grid-template-columns: 100%;
-  grid-template-rows: repeat(96, 10px);
+  grid-template-rows: repeat(96, 25px);
 }
 
 .wochen-tag-container .wochen-tag
 {
   text-align: center;
   background-color: #f80000;
-  width: 100px;
+  width: 400px;
   color: white;
-  border-radius: 5px;
+  border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -276,7 +276,7 @@ Calender View
 .entry
 {
   background-color: #f80000;
-  border-radius: 5px;
+  border-radius: 10px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -298,7 +298,7 @@ Calender View
 .entry p
 {
   color: white;
-  font-size: 6px;
+  font-size: 16px;
   cursor: default;
   pointer-events: none;
 }