Primo rilascio

frontend/nursery-app/src/app/components/structure-dialog/structure-dialog.component.scss

@@ -0,0 +1,31 @@
+/* Stili di base per i campi (già presenti) */
+mat-form-field {
+  width: 100%;
+  margin-bottom: 10px;
+}
+
+/* Contenitore per la griglia */
+.form-grid {
+  display: grid; /* Usa CSS Grid */
+  grid-template-columns: 1fr; /* Default: una colonna per mobile */
+  gap: 0 16px; /* Spazio tra colonne (0 per verticale, 16px per orizzontale) */
+}
+
+/* Media Query per schermi più larghi (es. > 600px) */
+@media (min-width: 600px) {
+  .form-grid {
+    grid-template-columns: 1fr 1fr; /* Due colonne di uguale larghezza */
+  }
+
+  /* Fai in modo che il campo 'notes' occupi entrambe le colonne */
+  .form-grid .full-width-field {
+    grid-column: 1 / -1; /* Occupa dalla prima all'ultima colonna */
+  }
+}
+
+
+/* Opzionale: Rende il contenuto del dialog scrollabile se necessario */
+mat-dialog-content {
+  max-height: 70vh;
+  overflow-y: auto;
+}