From f1d91e3bf91516cdc6a908f0a299a1dfcbde192a Mon Sep 17 00:00:00 2001
From: Anish Lakhwara <anish+git@lakhwara.com>
Date: Wed, 2 Aug 2023 17:18:40 -0700
Subject: [PATCH] fix: add styling

---
 frontend/src/pages/log-in.ts | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/log-in.ts b/frontend/src/pages/log-in.ts
index d798ea61..a09e458e 100644
--- a/frontend/src/pages/log-in.ts
+++ b/frontend/src/pages/log-in.ts
@@ -285,9 +285,14 @@ export class LogInPage extends LiteElement {
           >${msg("Log in")}</sl-button
         >
         ${this.formState.value === "backendInitializing"
-          ? html`<p style="text-align:center;">
-              ${msg("Please wait while the backend initializes")}
-            </p>`
+          ? html` <div class="mt-3">
+              

+              <btrix-alert variant="warning"
+                >${msg(
+                  "Please wait while the backend initializes"
+                )}</btrix-alert
+              >
+            </div>`
           : ""}
       </form>
     `;