Fixed gapping of heatmap

templates/index.html

@@ -13,8 +13,8 @@
     }
 
     .day {
-        width: 50px; /* Ändere die Breite nach Bedarf */
-        height: 50px; /* Ändere die Höhe nach Bedarf */
+        width: 50px;
+        height: 50px;
         border: 1px solid #ccc;
         display: flex;
         align-items: center;
@@ -24,7 +24,10 @@
 
 <div class="row">
 
-    <div class="col-sm-12 col-md-5 col-12" id="heatmap"></div>
+    <div class="col-md-5 col-12">
+        <div id="heatmap"></div>
+    </div>
+
     <script>
         // Funktion zur Rückgabe des Montagsdatums
         function getMonday(date) {
@@ -76,7 +79,7 @@
         createHeatmap(activityData);
     </script>
 
-    <div class="col-sm-12 col-md-7 col-12">
+    <div class="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">