gpt method #2

app/pages/login/login.html

@@ -6,12 +6,12 @@
 {% block content %}
 <div id="main">
     <div class="login-container d-flex align-items-center justify-content-center">
-        <div style="padding: 10px;min-width:330px;" class="ps-md-4 pe-md-4">
+        <div class="login-panel px-4 py-4">
             <img src="/static/img/LoginLogo.png" alt="Nexium" class="login-logo" />
             <p class="login-subtitle">2016+ with freedom.</p>
             {% with messages = get_flashed_messages(with_categories=true) %}
                 {% if messages %}
-                <div>
+                <div class="mb-2">
                 {% for category, message in messages %}
                     {% if category == 'error': %}
                     <div class="alert border p-2 text-center alert-danger border-danger">
@@ -34,7 +34,7 @@
                 <button type="submit" class="btn btn-primary mb-3" {% if not loginEnabled: %}disabled{% endif %}>Login</button>
             </form>
             <div class="text-center mt-2">
-                <p>Don't have an account? <a href="/signup">Signup</a>
+                <p>Don't have an account? <a href="/signup">Signup</a></p>
             </div>
         </div>
     </div>