templates/index.html

@@ -13,8 +13,8 @@
     }
 
     .day {
-        width: 50px;
-        height: 50px;
+        width: 50px; /* Ändere die Breite nach Bedarf */
+        height: 50px; /* Ändere die Höhe nach Bedarf */
         border: 1px solid #ccc;
         display: flex;
         align-items: center;
@@ -24,10 +24,7 @@
 
 <div class="row">
 
-    <div class="col-md-5 col-12">
-        <div id="heatmap"></div>
-    </div>
-
+    <div class="col-sm-12 col-md-5 col-12" id="heatmap"></div>
     <script>
         // Funktion zur Rückgabe des Montagsdatums
         function getMonday(date) {
@@ -81,7 +78,7 @@
 
     </script>
 
-    <div class="col-md-7 col-12">
+    <div class="col-sm-12 col-md-7 col-12">
         <div class="row mb-3">
             <h2 class="col-10">Task List</h2>
             <a class="col-2 btn btn-primary" role="button" href="/habit">