fix: mfa login screen styles (#629)

Author: j-chmielewski

web/src/i18n/i18n-types.ts

@@ -1703,7 +1703,7 @@ type RootTranslation = {
 				 */
 				addYubikey: string
 				/**
-				 * A​d​d​ ​S​H​H​ ​K​e​y
+				 * A​d​d​ ​S​S​H​ ​K​e​y
 				 */
 				addSSH: string
 				/**

web/src/pages/auth/style.scss

@@ -1,18 +1,12 @@
 #auth-container {
   background-color: var(--surface-frame-bg);
   display: flex;
-  min-height: 100vh;
+  width: 100%;
   min-height: 100dvh;
-  max-height: 100vh;
-  max-height: 100dvh;
   overflow: auto;
   @include media-breakpoint-up(lg) {
-    min-height: 100vh;
-    min-width: 100%;
-    max-height: 100vh;
-    height: max-content;
     display: grid;
-    grid-template-rows: 100%;
+    grid-template-rows: 1fr;
     grid-template-columns: 1fr 1fr;
     align-content: center;
     justify-content: center;
@@ -23,9 +17,9 @@
   .logo-container {
     grid-row: 1;
     grid-column: 1;
-    display: none;
     flex-direction: column;
     align-content: center;
+    display: none;
     align-items: center;
     justify-content: center;
     background-color: var(--surface-main-primary);
@@ -48,7 +42,6 @@
     display: flex;
     width: 100%;
     height: 100%;
-    max-height: 100%;
     grid-row: 1;
     grid-column: 2;
   }