Add minimum sizes to cards

Author: jacquesbach

templates/index.html

@@ -103,7 +103,7 @@ <h1>
           </div>
         </div>
 
-        <div class="grid-stack-item" id="card-live" gs-w="8" gs-h="2" gs-min-w="3" gs-min-h="2">
+        <div class="grid-stack-item" id="card-live" gs-w="8" gs-h="2" gs-min-w="4" gs-min-h="2">
           <div class="grid-stack-item-content">
             <div class="card card-light" style="height: 100%; text-align: left; box-sizing: border-box;">
               <div class="label" style="border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; margin-bottom: 20px;">
@@ -118,7 +118,7 @@ <h1>
           </div>
         </div>
 
-        <div class="grid-stack-item" id="card-main-chart" gs-w="12" gs-h="4">
+        <div class="grid-stack-item" id="card-main-chart" gs-w="12" gs-h="4" gs-min-w="3" gs-min-h="3">
           <div class="grid-stack-item-content">
             <div class="chart-card" style="height: 100%; box-sizing: border-box; position: relative;">
               <div id="chartLoading" style="position:absolute; inset:0; background:rgba(255,255,255,0.75); display:none; align-items:center; justify-content:center; border-radius:24px; z-index:10;">
@@ -135,7 +135,7 @@ <h1>
           </div>
         </div>
 
-        <div class="grid-stack-item" id="card-panel-chart" gs-w="12" gs-h="4">
+        <div class="grid-stack-item" id="card-panel-chart" gs-w="12" gs-h="4" gs-min-w="3" gs-min-h="3">
           <div class="grid-stack-item-content">
             <div class="chart-card" style="height: 100%; box-sizing: border-box; position: relative;">
               <div id="panelChartLoading" style="position:absolute; inset:0; background:rgba(255,255,255,0.75); display:none; align-items:center; justify-content:center; border-radius:24px; z-index:10;">
@@ -189,7 +189,7 @@ <h1>
           </div>
         </div>
 
-        <div class="grid-stack-item" id="card-records" gs-w="6" gs-h="2">
+        <div class="grid-stack-item" id="card-records" gs-w="6" gs-h="2" gs-min-w="2" gs-min-h="2">
           <div class="grid-stack-item-content">
             <div class="card card-gradient card-peak" style="height: 100%; box-sizing: border-box;">
               <div class="label">Leistungs-Rekorde (AC)</div>