From d45fefd72c3e2fc85debf8d78b5d44bcc9626ee0 Mon Sep 17 00:00:00 2001
From: andersonid <nobre.it@gmail.com>
Date: Fri, 11 Apr 2025 07:54:14 -0300
Subject: [PATCH] =?UTF-8?q?mensagem=20de=20notifica=C3=A7=C3=A3o=20movida?=
 =?UTF-8?q?=20para=20fora=20do=20card=20de=20formulario=20de=20login?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/login.html | 44 ++++++++++++++++++++++++++++++++------------
 1 file changed, 32 insertions(+), 12 deletions(-)

diff --git a/templates/login.html b/templates/login.html
index 8564498..88ca768 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -5,13 +5,7 @@
 {% block navbar %}{% endblock %}
 
 {% block content %}
-<div class="login-container">
-    <div class="login-content">
-        <div class="login-header">
-            <img src="{{ url_for('static', filename='img/logo001-alpha.png') }}" alt="Logo OCI" class="login-logo">
-            <h4 class="login-title">Controles OCI</h4>
-        </div>
-
+<div class="alert-container">
         {% with messages = get_flashed_messages(with_categories=true) %}
             {% if messages %}
                 {% for category, message in messages %}
@@ -21,11 +15,17 @@
                     </div>
                 {% endfor %}
             {% endif %}
-        {% endwith %}
+                </div>
+
+<div class="login-container">
+    <div class="login-content">
+        <div class="login-header">
+            <img src="{{ url_for('static', filename='img/logo001-alpha.png') }}" alt="Logo OCI" class="login-logo">
+            <h4 class="login-title">Controles OCI</h4>
+            </div>
 
         <form method="POST" action="{{ url_for('login') }}" class="needs-validation" novalidate>
             <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
-            
             <div class="form-floating mb-3">
                 <input type="text" class="form-control" id="email" name="email" placeholder="Email ou Usuário" required>
                 <label for="email">Email ou Usuário</label>
@@ -50,8 +50,8 @@
                 <label for="otp">Código OTP</label>
                 <div class="invalid-feedback">
                     Por favor, informe o código OTP.
-                </div>
-            </div>
+    </div>
+</div>
 
             <div class="d-grid">
                 <button type="submit" class="btn btn-lg login-button">
@@ -208,4 +208,24 @@ form {
     }
 }
 </style>
-{% endblock %} 
\ No newline at end of file
+{% endblock %} 
+    .login-content {
+        padding: 1.5rem;
+    }
+}
+</style>
+{% endblock %} 
+    }
+}
+
+@media (max-width: 767px) {
+    .login-container {
+        margin: 1rem;
+    }
+
+    .login-content {
+        padding: 1.5rem;
+    }
+}
+</style>
+{% endblock %}