Primo sviluppo sincronizzazione e migliorie ui

Template.Shared/Components/Pages/Calendar.razor.css

@@ -1,12 +1,13 @@
-.activity-filter { margin-top: .5rem; }
+.activity-filter { margin-top: .2rem; }
 
 .card-container {
-    margin-top: .5rem;
+    margin-top: .2rem;
     width: 100%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     gap: 1rem;
+    overflow: hidden;
 }
 
 .date-controller {
@@ -14,9 +15,13 @@
     align-items: center;
 }
 
+.content ::deep > .custom-mudButtonGroup {
+    width: 100%;
+}
+
 .content ::deep > .custom-mudButtonGroup .mud-button-root {
     border-radius: 12px;
-    padding: .5rem 1.5rem;
+    padding: .2rem 1.5rem;
     text-transform: none !important;
     font-size: .985rem;
     border: 1px solid var(--mud-palette-gray-light);