fix layout on remaining html

hrfee · Jan 1, 2022 · 26d9864 · 26d9864
1 parent a3a22d3
commit 26d9864
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 24 deletions.
diff --git a/html/404.html b/html/404.html
@@ -7,10 +7,12 @@
     </head>
     <body class="section">
         <div class="page-container">
-            <h1 class="heading">Page not found.</h1>
-            <p class="content">
-            {{ .contactMessage }}
-            </p>
+            <div class="card">
+                <h1 class="heading">Page not found.</h1>
+                <p class="content">
+                    {{ .contactMessage }}
+                </p>
+            </div>
         </div>
     </body>
 </html>                            
diff --git a/html/admin.html b/html/admin.html
@@ -267,8 +267,8 @@
         <div id="modal-send-pwr" class="modal">
             <div class="modal-content card ~neutral @low">
                 <span class="heading">{{ .strings.sendPWR }}</span>
-                <p class="content" id="send-pwr-note"></p>
-                <span class="button ~urge @low mt-8" id="send-pwr-link">{{ .strings.copy }}</span>
+                <p class="content my-2" id="send-pwr-note"></p>
+                <span class="button ~urge @low mt-2" id="send-pwr-link">{{ .strings.copy }}</span>
             </div>
         </div>
         <div id="modal-ombi-profile" class="modal">

diff --git a/html/create-success.html b/html/create-success.html
@@ -3,14 +3,14 @@
     <head>
         <link rel="stylesheet" type="text/css" href="css/bundle.css">
         {{ template "header.html" . }}
-        <title>{{ .strings.successHeader }} -  jfa-go</title>
+        <title>{{ .strings.successHeader }} - jfa-go</title>
     </head>
     <body class="section">
         <div class="page-container">
             <div class="card ~neutral @low mb-4">
                 <span class="heading mb-4">{{ .strings.successHeader }}</span>
-                <p class="content mb-4">{{ .successMessage }}</p>
-                <a class="button ~urge @low full-width center supra submit" href="{{ .jfLink }}" id="create-success-button">{{ .strings.successContinueButton }}</a>
+                <p class="content my-4">{{ .successMessage }}</p>
+                <a class="button ~urge @high full-width center supra submit" href="{{ .jfLink }}" id="create-success-button">{{ .strings.continue }}</a>
             </div>
             <i class="content">{{ .contactMessage }}</i>
         </div>

diff --git a/html/invalidCode.html b/html/invalidCode.html
@@ -7,11 +7,13 @@
     </head>
     <body class="section">
         <div class="page-container">
-            <h1 class="heading">Invalid invite code.</h1>
-            <p class="content">The code above was either incorrect, or has expired.</p>
-            <p class="content">
-            {{ .contactMessage }}
-            </p>
+            <div class="card">
+                <h1 class="text-3xl font-semibold">Invalid invite code.</h1>
+                <p class="content">The code above was either incorrect, or has expired.</p>
+                <p class="content">
+                    {{ .contactMessage }}
+                </p>
+            </div>
         </div>
     </body>
 </html>                            
diff --git a/html/password-reset.html b/html/password-reset.html
@@ -35,7 +35,7 @@
                 <aside class="aside ~warning">
                     {{ .strings.changeYourPassword }}
                 </aside>
-                <span class="button ~urge @low full-width center supra p-4 mt-4" id="pin" title="{{ .strings.copy }}">{{ .pin }}</span>
+                <span class="button ~urge @low w-100 text-center text-xl p-1 mt-4" id="pin" title="{{ .strings.copy }}">{{ .pin }}</span>
                 {{ end }}
             </div>
             <i class="content">{{ .contactMessage }}</i>

diff --git a/lang/pwreset/en-gb.json b/lang/pwreset/en-gb.json
@@ -1,13 +1,5 @@
 {
     "meta": {
-        "name": ""
-    },
-    "strings": {
-        "passwordReset": "",
-        "resetFailed": "",
-        "tryAgain": "",
-        "youCanLogin": "",
-        "youCanLoginOmbi": "",
-        "changeYourPassword": ""
+        "name": "English (GB)"
     }
 }
diff --git a/ts/pwr.ts b/ts/pwr.ts
@@ -1,6 +1,7 @@
 import { Modal } from "./modules/modal.js";
 import { initValidator } from "./modules/validator.js";
 import { _post, addLoader, removeLoader } from "./modules/common.js";
+import { loadLangSelector } from "./modules/lang.js";
 
 interface formWindow extends Window {
     invalidPassword: string;
@@ -29,6 +30,8 @@ interface formWindow extends Window {
     userExpiryMessage: string;
 }
 
+loadLangSelector("pwr");
+
 declare var window: formWindow;
 
 const form = document.getElementById("form-create") as HTMLFormElement;