enhance login prints

Author: mhmdk0

cli/medperf/web_ui/templates/medperf_login.html

@@ -9,13 +9,12 @@
 </style>
 {% endblock %}
 
+{% block content %}
 {% set login_running = (task_running and "medperf_login" in request.app.state.active_tasks) %}
 
 {% if login_running %}
 {% set form_data = request.app.state.active_tasks["medperf_login"].formData %}
 {% endif %}
-
-{% block content %}
 <div class="min-h-screen flex items-center justify-center p-4 login-page-bg w-full">
     <div class="w-full max-w-md">
         <div class="text-center mb-12">
@@ -53,9 +52,9 @@ <h2 class="text-3xl font-bold medperf-accent dark:text-green-400 mb-2 text-cente
                         {% if login_running %} value="{{ form_data.get('email', '') }}" {% endif %}>
                 </div>
                 <button id="medperf-login-btn" type="submit"
-                    class="w-full py-4 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold text-lg hover:opacity-90 focus:outline-none focus:ring-4 focus:ring-green-300 dark:focus:ring-green-800 transition-all disabled:opacity-50 disabled:cursor-not-allowed shadow-lg cursor-pointer"
+                    class="w-full py-4 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold text-lg hover:opacity-90 focus:outline-none focus:ring-4 focus:ring-green-300 dark:focus:ring-green-800 transition-all disabled:opacity-50 disabled:cursor-not-allowed shadow-lg cursor-pointer inline-flex items-center justify-center gap-2"
                     disabled>
-                    <i class="fas fa-sign-in-alt mr-2"></i>Sign In
+                    <i class="fas fa-sign-in-alt"></i>Sign In
                 </button>
             </form>
 
@@ -66,9 +65,11 @@ <h2 class="text-3xl font-bold medperf-accent dark:text-green-400 mb-2 text-cente
                 </div>
             </div>
         </div>
+        <div class="mt-6 max-w-xl mx-auto text-center">
+            {% include "partials/text_content_container.html" %}
+        </div>
     </div>
 </div>
-{% include "partials/text_content_container.html" %}
 {% endblock %}
 
 {% block extra_js %}

cli/medperf/web_ui/templates/partials/text_content_container.html

@@ -1,3 +1,3 @@
-<div id="text-content" class="mt-6 hidden text-gray-900 dark:text-white">
-    <div id="content"></div>
+<div id="text-content" class="mt-6 hidden text-gray-900 dark:text-white px-4">
+    <div id="content" class="space-y-3"></div>
 </div>