fix(gui): add bottom margin to folder action buttons for wrapped spacing (#10728)

adds a bottom margin to buttons inside panel footers, ensuring a
comfortable gap between wrapped button rows. (Fixes #10689 )

Signed-off-by: rohitanwar <mst10041967@gmail.com>

gui/default/assets/css/overrides.css

@@ -445,6 +445,20 @@ ul.three-columns li, ul.two-columns li {
         -moz-column-count: 1;
         column-count: 1;
     }
+      /* All buttons, except panel headings, get bottom margin, as they
+       won't fit beside each other anymore. Reduce footer padding to
+       compensate for the margin. */
+    .btn:not(.panel-heading),
+    .btn:not(.panel-heading) + .btn:not(.panel-heading) {
+        margin-bottom: 10px;
+    }
+    
+    .panel-footer {
+        padding-bottom: 0;
+    }
+    .modal-footer {
+        padding-bottom: 5px;
+    }
 }
 
 @media (max-width:479px) {
@@ -477,20 +491,6 @@ ul.three-columns li, ul.two-columns li {
         width: 100%;
     }
 
-    /* All buttons, except panel headings, get bottom margin, as they
-       won't fit beside each other anymore. Reduce footer padding to
-       compensate for the margin. */
-    .btn:not(.panel-heading),
-    .btn:not(.panel-heading) + .btn:not(.panel-heading) {
-        margin-bottom: 10px;
-    }
-    .panel-footer {
-        padding-bottom: 0;
-    }
-    .modal-footer {
-        padding-bottom: 5px;
-    }
-
     table.table-auto td,
     table.table-auto th,
     table.table-condensed td,