Merge branch 'frontend-move-contact-us-guide'

Author: shonsirsha

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

@@ -30,6 +30,8 @@
 .guide {
     background-color: var(--color-lightblue);
     color: white;
+    display: flex;
+    flex-direction: column;
     height: 100vh;
     /* mobile viewport bug fix */
     max-height: -webkit-fill-available;
@@ -48,8 +50,8 @@
 
 .header {
     background-color: var(--color-blue);
+    flex-shrink: 0;
     height: var(--header-height);
-    margin-bottom: var(--space-default);
     padding: 0 var(--space-default);
 }
 
@@ -65,6 +67,9 @@
 }
 
 .content {
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
     padding: 0 var(--space-default);
 }
 
@@ -93,6 +98,11 @@
     margin-top: var(--space-default);
 }
 
+.appendix {
+    padding-top: var(--space-half);
+    margin-top: auto;
+}
+
 .entryTitle {
     align-items: flex-start;
     cursor: default;

frontends/web/src/components/guide/guide.tsx

@@ -53,7 +53,7 @@ const Guide = ({ children, title = t('guide.title') }: TProps) => {
         </div>
         <div className={style.content}>
           {children}
-          <div className={style.entry}>
+          <div className={style.appendix}>
             {t('guide.appendix.text')}
             {' '}
             <A className={style.link} href="https://bitbox.swiss/support/">

frontends/web/src/locales/en/app.json

@@ -980,8 +980,8 @@
       }
     },
     "appendix": {
-      "link": "Contact us!",
-      "text": "Another question?"
+      "link": "Visit the BitBox Support Hub",
+      "text": "Need more help?"
     },
     "backups": {
       "check": {