Minor changes layout.css

diff --git a/frontend/css/layout.css b/frontend/css/layout.css
index 1a78ab351186250a87bd3e28d01db204e1c5fb8d..e3d0bd83721818c73d5f71ec10b1adc428d6d68f 100644 (file)
--- a/frontend/css/layout.css
+++ b/frontend/css/layout.css
@@ -1,13 +1,12 @@
 /* ================================
-   Reset di base
+   Base layout
    ================================ */
-*, *::before, *::after {
+*,
+*::before,
+*::after {
     box-sizing: border-box;
 }
 
-/* ================================
-   Global layout
-   ================================ */
 body {
     font-family: sans-serif;
     margin: 20px;
@@ -16,7 +15,7 @@ body {
 }
 
 /* ================================
-   Topbar (pfSense full-width header)
+   Topbar
    ================================ */
 .topbar {
     width: 100%;
@@ -79,6 +78,27 @@ body {
     color: var(--text-dark);
 }
 
+/* ================================
+   Buttons (pfSense style)
+   ================================ */
+.btn-primary {
+    background-color: var(--accent);
+    color: white;
+    border: none;
+    padding: 6px 14px;
+    font-size: 0.95rem;
+    font-weight: 600;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background 0.2s ease, filter 0.2s ease;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
+}
+
+.btn-primary:hover {
+    background-color: var(--accent-hover);
+    filter: brightness(0.96);
+}
+
 .frame-row {
     display: flex;
     align-items: center;
@@ -140,27 +160,6 @@ th:hover::after {
     text-align: center;
 }
 
-/* ================================
-   Buttons (pfSense style)
-   ================================ */
-.btn-primary {
-    background-color: var(--accent);
-    color: white;
-    border: none;
-    padding: 6px 14px;
-    font-size: 0.95rem;
-    font-weight: 600;
-    border-radius: 4px;
-    cursor: pointer;
-    transition: background 0.2s ease, filter 0.2s ease;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
-}
-
-.btn-primary:hover {
-    background-color: var(--accent-hover);
-    filter: brightness(0.96);
-}
-
 /* ================================
    Toast notification
    ================================ */
@@ -184,7 +183,7 @@ th:hover::after {
 }
 
 /* ================================
-   Modal overlay
+    Modal
    ================================ */
 .modal {
     display: none;
@@ -196,9 +195,6 @@ th:hover::after {
     align-items: center;
 }
 
-/* ================================
-   Modal window
-   ================================ */
 .modal-content {
     background: #f4f4f4;
     padding: 20px 24px;
@@ -229,9 +225,6 @@ th:hover::after {
     border-radius: 4px;
 }
 
-/* ================================
-   Modal buttons
-   ================================ */
 .modal-buttons {
     display: flex;
     justify-content: flex-end;