frontend: improve vertical centered spacing

This change only effects View component that have both props:
verticallyCentered and withBottomBar.

This 2 props are used together in setup and waiting view.

Author: thisconnect

frontends/web/src/components/view/view.module.css

@@ -47,6 +47,10 @@
     margin-bottom: auto;
     margin-top: auto;
 }
+.verticallyCenteredWithBottomBar .inner {
+    /* margin-bottom: auto; */
+    margin-top: auto;
+}
 .inner.fit {
     flex-shrink: 0;
     max-height: 100%;

frontends/web/src/components/view/view.tsx

@@ -63,7 +63,11 @@ export const View = ({
   const containerClasses = `${
     style[fullscreen ? 'fullscreen' : 'fill']
   } ${
-    verticallyCentered ? style.verticallyCentered : ''
+    verticallyCentered ?
+      withBottomBar
+        ? style.verticallyCenteredWithBottomBar
+        : style.verticallyCentered
+      : ''
   } ${
     dialog ? style.dialog : ''
   }`;

frontends/web/src/routes/device/bitbox02/components/password-entry/password-entry.module.css

@@ -1,6 +1,6 @@
 .passwordGesturesWrapper {
     height: auto;
-    margin: var(--space-default) auto 0 auto;
+    margin: 0 auto;
     position: relative;
     width: 100%;
 }