Testen einer anderen Ansicht für Stunden Schnitt

app/templates/app/home.html

@@ -26,18 +26,18 @@
 <div class="d-none" id="dashboard">
     <div class="row justify-content-around mt-3" style="width: 95vw; color: black;">
         <div class="col-5" style="height: 15vh; padding: 1rem; border-radius:1rem; box-shadow: 0 0 0.5rem gray">
-            <p style="font-size: 1.2rem;"><b>Monat</b></p>
+            <p style="font-size: 1.2rem;"><b>Monat</b> - 50h</p>
             <div class="progress" style="height: 12px; width: 90%; border-radius: 2rem; background-color: lightgray;">
                 <div class="progress-bar" role="progressbar" style="background-color:rgb(120,170,86); width: 20%; height: 12px;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
             </div>
-            <p style="font-size: 2rem;">12h</p>
+            <p style="font-size: 1.5rem;">12h/18h</p>
         </div>
         <div class="col-5" style="height: 15vh; padding: 1rem; border-radius:1rem; box-shadow: 0 0 0.5rem gray">
-            <p style="font-size: 1.2rem;"><b>Jahr</b></p>
+            <p style="font-size: 1.2rem;"><b>Jahr</b> - 600h</p>
             <div class="progress" style="height: 12px; width: 90%; border-radius: 2rem; background-color: lightgray;">
                 <div class="progress-bar" role="progressbar" style="background-color:rgb(120,170,86); width: 51%; height: 12px;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
             </div>
-            <p style="font-size: 2rem;">310h</p>
+            <p style="font-size: 1.5rem;">58h/65h</p>
         </div>
     </div>    
     <div class="row justify-content-around" style="width: 95vw; color: black; padding-top: 2rem;">