frontend: fix manage backup buttons

On the manage backups view the buttons have no space and on restore
from backup the buttons are too big. The gap CSS attribute only works
in newer webkit versions.

- changed from gap to margin to fix spacing issue
- removed button height on the restore backup from sd card, so that
  the button uses the default button height

Author: thisconnect

frontends/web/src/components/backups/backups.css

@@ -59,14 +59,23 @@
     display: flex;
     flex-wrap: wrap;
     flex-direction: row-reverse;
-    gap: var(--space-half);
     margin-top: var(--space-default);
 }
 
+@media (min-width: 769px) {
+    .backupButtons > *:not(:first-child) {
+        margin-right: var(--space-half);
+    }
+}
+
 @media (max-width: 768px) {
     .backupButtons {
         align-items: center;
         flex-direction: column;
         margin-top: var(--space-default);
     }
+
+    .backupButtons > *:not(:first-child) {
+        margin-top: var(--space-half);
+    }
 }

frontends/web/src/components/steps/steps.css

@@ -336,7 +336,6 @@
 }
 
 .step button {
-    height: var(--wizard-item-height);
     font-size: var(--size-wizard-text);
 }