Cambiata visualizzazione calendario e aggiunto formAttività

Template.Shared/Components/SingleElements/Card/ActivityCard.razor.css

@@ -1,14 +1,11 @@
 .activity-card {
     width: 100%;
     display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    padding: .5rem .7rem;
+    flex-direction: column;
+    padding: .5rem .5rem;
     border-radius: 12px;
     line-height: normal;
     border: 1px solid var(--card-border-color);
-    box-shadow: var(--card-shadow);
 }
 
 .activity-card.memo { border-left: 5px solid var(--mud-palette-info-darken); }
@@ -20,13 +17,14 @@
 .activity-left-section {
     display: flex;
     align-items: center;
+    margin-left: 4px;
 }
 
-.activity-hours-section {
-    width: min-content;
+.title-section {
     display: flex;
-    flex-direction: column;
-    align-items: center;
+    flex-direction: row;
+    justify-content: space-between;
+    width: 100%;
 }
 
 .activity-hours { font-weight: 700; }
@@ -34,22 +32,24 @@
 .activity-hours-section ::deep .mud-chip { margin: 5px 0 0 !important; }
 
 .activity-body-section {
-    width: fit-content;
-    margin: 0 1rem;
+    width: 100%;
     display: flex;
     flex-direction: column;
 }
 
-.activity-body-section ::deep > .activity-title {
+.title-section ::deep > .activity-title {
     font-weight: 800 !important;
-    margin: 0 0 .2rem 0 !important;
+    margin: 0 !important;
     line-height: normal !important;
 }
 
 .activity-body-section ::deep > .activity-subtitle {
-    font-size: smaller;
     color: var(--mud-palette-gray-darker);
+    margin: .2rem 0 !important;
     line-height: normal !important;
 }
 
-.activity-info-section { width: min-content; }
+.activity-info-section {
+    width: min-content;
+    display: flex;
+}