From 3ed3002410848f2335cbd3991a0e63b358a9329f Mon Sep 17 00:00:00 2001
From: andersonid <nobre.it@gmail.com>
Date: Fri, 4 Apr 2025 09:48:14 -0300
Subject: [PATCH] =?UTF-8?q?style:=20padroniza=20altura=20dos=20bot=C3=B5es?=
 =?UTF-8?q?=20na=20interface=20de=20militantes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/listar_militantes.html | 48 ++++++++++++++++++++++++++++----
 1 file changed, 43 insertions(+), 5 deletions(-)

diff --git a/templates/listar_militantes.html b/templates/listar_militantes.html
index 0028f95..6c51771 100644
--- a/templates/listar_militantes.html
+++ b/templates/listar_militantes.html
@@ -30,12 +30,28 @@
                 </div>
             </div>
             <div class="col-md-6 text-end">
-                <div class="btn-group">
-                    <button type="button" class="btn btn-outline-secondary" data-filter="todos">Todos</button>
-                    <button type="button" class="btn btn-outline-secondary" data-filter="filiados">Filiados</button>
-                    <button type="button" class="btn btn-outline-secondary" data-filter="nao-filiados">Não Filiados</button>
+                <div class="btn-group me-2">
+                    <button type="button" class="btn btn-outline-secondary btn-fixed-width dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
+                        <i class="fas fa-filter me-2"></i>Filtrar
+                    </button>
+                    <ul class="dropdown-menu">
+                        <li><h6 class="dropdown-header">Status</h6></li>
+                        <li><a class="dropdown-item" href="#" data-filter="todos">Todos</a></li>
+                        <li><a class="dropdown-item" href="#" data-filter="filiados">Filiados</a></li>
+                        <li><a class="dropdown-item" href="#" data-filter="nao-filiados">Não Filiados</a></li>
+                        <li><hr class="dropdown-divider"></li>
+                        <li><h6 class="dropdown-header">Responsabilidades</h6></li>
+                        <li><a class="dropdown-item" href="#" data-filter="financas">Finanças</a></li>
+                        <li><a class="dropdown-item" href="#" data-filter="imprensa">Imprensa</a></li>
+                        <li><a class="dropdown-item" href="#" data-filter="quadro-orientador">Quadro-Orientador</a></li>
+                        <li><hr class="dropdown-divider"></li>
+                        <li><h6 class="dropdown-header">Célula</h6></li>
+                        {% for celula in celulas %}
+                        <li><a class="dropdown-item" href="#" data-filter="celula" data-celula="{{ celula.nome }}">{{ celula.nome }}</a></li>
+                        {% endfor %}
+                    </ul>
                 </div>
-                <button class="btn btn-outline-primary" type="button" id="btnExportar">
+                <button class="btn btn-outline-primary btn-fixed-width" type="button" id="btnExportar">
                     <i class="fas fa-file-export me-2"></i>Exportar
                 </button>
             </div>
@@ -147,6 +163,28 @@
     background-color: rgba(0, 0, 0, 0.7);
 }
 
+/* Estilo para botões com largura fixa */
+.btn-fixed-width {
+    min-width: 120px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0.375rem 0.75rem;
+    text-align: center;
+    height: 38px;  /* Altura padrão do Bootstrap para btn */
+    line-height: 1.5;
+    vertical-align: middle;
+}
+
+.btn-fixed-width i {
+    margin-right: 8px;
+    font-size: 0.875rem;  /* 14px - tamanho padrão de ícone */
+}
+
+.dropdown-toggle::after {
+    margin-left: 8px;
+}
+
 /* Estilo para o botão de fechar dos modais */
 .btn-close {
     background-color: transparent;