From 512cec6a3c03cea407a39f68ca8e5bb68c12518e Mon Sep 17 00:00:00 2001
From: Gabriel De Los Rios <gabriel.delosrios@tutamail.com>
Date: Fri, 29 Nov 2024 22:15:46 -0300
Subject: [PATCH] refactor: standalone message block for better customization

---
 app/templates/layout/inner_header.html | 1 -
 app/templates/message.html             | 2 +-
 app/templates/users/login.html         | 3 +++
 app/templates/users/register.html      | 5 ++++-
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/templates/layout/inner_header.html b/app/templates/layout/inner_header.html
index c480516..eff167e 100644
--- a/app/templates/layout/inner_header.html
+++ b/app/templates/layout/inner_header.html
@@ -1,6 +1,5 @@
 {% macro inner_header(title) %}
 <div class="row">
-  {% include 'message.html' %}
   <div class="col-2 inner-header-logo">
   </div>
   <div class="col-10 gx-md-4 gx-0">
diff --git a/app/templates/message.html b/app/templates/message.html
index 8d45639..6f3a8b6 100644
--- a/app/templates/message.html
+++ b/app/templates/message.html
@@ -1,6 +1,6 @@
 {% with messages = get_flashed_messages() %}
 {% if messages %}
-  <div class="alert alert-{{messages[0].alertType}} mb-4" role="alert">
+  <div class="alert alert-{{messages[0].alertType}} mb-3" role="alert">
       <p class="mb-0">{{ messages[0].message }}</p>
   </div>
 {% endif %}
diff --git a/app/templates/users/login.html b/app/templates/users/login.html
index 0c4d900..0016531 100644
--- a/app/templates/users/login.html
+++ b/app/templates/users/login.html
@@ -13,6 +13,9 @@
     <div class="col-12 my-3">
       {{ inner_header("Login") }}
     </div>
+    <div class="col-12 px-2">
+      {% include 'message.html' %}
+    </div>
     <form class="col-12 needs-validation h-100" method="post" novalidate>
       <div class="mb-3">
         <label for="email" class="form-label">Email</label>
diff --git a/app/templates/users/register.html b/app/templates/users/register.html
index 6399e47..f4b854d 100644
--- a/app/templates/users/register.html
+++ b/app/templates/users/register.html
@@ -10,9 +10,12 @@
 {% block content %}
 <div class="container">
   <div class="register mx-auto">
-    <div class="my-3 my-md-5">
+    <div class="my-3">
       {{ inner_header("Register") }}
     </div>
+    <div class="row px-2">
+      {% include 'message.html' %}
+    </div>
     <form class="row g-3 needs-validation" method="post" novalidate>
       <div class="col-12">
         <label class="form-label" for="name">Name</label>