From 2fd38280107ac43013b36d7b7d9420bbefbf74fc Mon Sep 17 00:00:00 2001
From: mleku <me@mleku.dev>
Date: Sun, 21 Sep 2025 10:38:25 +0100
Subject: [PATCH] Refine login view styling and update authentication text.

- Updated `App.jsx` to improve layout with centered flexbox and dynamic width.
- Adjusted login text for better clarity: "Authenticate" replaces "Connect".
---
 app/web/src/App.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/web/src/App.jsx b/app/web/src/App.jsx
index 888d7be..f7ba37f 100644
--- a/app/web/src/App.jsx
+++ b/app/web/src/App.jsx
@@ -374,10 +374,10 @@ function App() {
         </div>
       ) : (
         // Not logged in view - shows the login form
-        <div className="w-full min-h-screen bg-gray-100">
+        <div className="w-full h-full flex items-center justify-center">
           <div
-            className="max-w-full"
-            style={{ padding: `${loginPadding}px` }}
+            className="bg-gray-100"
+            style={{ width: '800px', maxWidth: '100%', boxSizing: 'border-box', padding: `${loginPadding}px` }}
           >
             <div className="flex items-center gap-3 mb-3">
               <img
@@ -394,7 +394,7 @@ function App() {
               <h1 ref={titleRef} className="text-2xl font-bold p-2">ORLY🦉 Dashboard Login</h1>
             </div>
 
-            <p className="mb-4">Connect to this Nostr relay using your browser extension.</p>
+            <p className="mb-4">Authenticate to this Nostr relay using your browser extension.</p>
 
             <div className={statusClassName()}>
               {status}