From 86b4756e2ae30a780a6a0c634730a7eb36e2172e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ses=C3=B3stris=20Vieira?= <sesostrisvieira@gmail.com>
Date: Thu, 31 Oct 2024 14:51:15 -0300
Subject: [PATCH] Ajustes de layout

---
 .../templates/sigialerts/alert_snippet.html   | 24 ++++++++-----------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/sigi/apps/utils/templates/sigialerts/alert_snippet.html b/sigi/apps/utils/templates/sigialerts/alert_snippet.html
index 5915077..9ef257e 100644
--- a/sigi/apps/utils/templates/sigialerts/alert_snippet.html
+++ b/sigi/apps/utils/templates/sigialerts/alert_snippet.html
@@ -1,32 +1,28 @@
 {% load i18n %}
 <div id="alertModal" class="modal fade" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
-  <div class="modal-dialog">
+  <div class="modal-dialog modal-dialog-scrollable">
     <div class="modal-content">
       <div class="modal-header">
         <h5 class="modal-title">{% translate "Avisos" %}</h5>
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
       <div class="modal-body">
+        <ul class="nav nav-underline" id="alertTab" role="tablist">
+          {% for alerta in alertas %}
+            <li class="nav-item" role="presentation" data-bs-toggle="tooltip" title="{{ alerta.titulo }}">
+              <button class="nav-link{% if forloop.first %} active{% endif %}" id="{{ alerta.titulo|lower|slugify }}-tab" data-bs-toggle="tab" data-bs-target="#{{ alerta.titulo|lower|slugify }}-pane" type="button" role="tab" aria-controls="{{ alerta.titulo|lower|slugify }}-pane"{% if forloop.first %} aria-selected="true"{% endif %}> # {{ forloop.counter }}</button>
+            </li>
+          {% endfor %}
+        </ul>        
         <div class="tab-content" id="alertTabContent">
           {% for alerta in alertas %}
-            <div class="tab-pane fade container{% if forloop.first %} show active{% endif %}" id="{{ alerta.titulo|lower|slugify }}-pane" role="tabpanel" aria-labelledby="{{ alerta.titulo|lower|slugify }}-tab" tabindex="0">
+            <div class="tab-pane fade{% if forloop.first %} show active{% endif %}" id="{{ alerta.titulo|lower|slugify }}-pane" role="tabpanel" aria-labelledby="{{ alerta.titulo|lower|slugify }}-tab" tabindex="0">
               <h5>{{ alerta.titulo }}</h5>
-              {{ alerta.mensagem|safe }}
+              <div class="mx-2">{{ alerta.mensagem|safe }}</div>
             </div>
           {% endfor %}
         </div>
       </div>
-      <div class="modal-footer">
-        <ul class="nav nav-pills" id="alertTab" role="tablist">
-          {% for alerta in alertas %}
-            <li class="nav-item" role="presentation">
-              <button class="nav-link{% if forloop.first %} active{% endif %}" id="{{ alerta.titulo|lower|slugify }}-tab" data-bs-toggle="tab" data-bs-target="#{{ alerta.titulo|lower|slugify }}-pane" type="button" role="tab" aria-controls="{{ alerta.titulo|lower|slugify }}-pane"{% if forloop.first %} aria-selected="true"{% endif %}> # {{ forloop.counter }}</button>
-            </li>
-          {% endfor %}
-        </ul>
-
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% translate "Close" %}</button>
-      </div>
     </div>
   </div>
 </div>