Agrego iconos panel lateral

K8S/Makefile

@@ -1,6 +1,5 @@
 export REGISTRY=registry.reymota.es
-export IMG_VERSION = 0.111
-export IMG_NGINX_VERSION = 1.4
+export IMG_VERSION = 0.114
 export NAMESPACE = finanzas
 
 # limpia todo

src/templates/_menu.html

@@ -1,146 +0,0 @@
-{% load static %}
-
-   <header class="app-header fixed-top">	   	            
-    <div class="app-header-inner">  
-        <div class="container-fluid py-2">
-            <div class="app-header-content"> 
-                <div class="row justify-content-between align-items-center">
-                
-                    <div class="col-auto">
-                        <a id="sidepanel-toggler" class="sidepanel-toggler d-inline-block d-xl-none" href="#">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" role="img"><title>Menu</title><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg>
-                        </a>
-                    </div><!--//col-->
-
-                    <div class="app-utilities col-auto">
-                        {% block menuapp %}
-
-                        <div class="app-utility-item app-user-dropdown dropdown">
-                        </div>
-
-                        {% endblock menuapp %}
-
-                        <div class="app-utility-item app-user-dropdown dropdown">
-                            {% if user.is_authenticated %}
-                            <a class="dropdown-toggle" id="user-dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><img src=" {{user.foto.url }}"></a>
-                            {% else %}
-                            <a class="dropdown-toggle" id="user-dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Sin usuario</a>
-                            {% endif %}
-                            <ul class="dropdown-menu" aria-labelledby="user-dropdown-toggle">
-                                {% if user.is_authenticated %}
-                                <li>
-                                    <a class="dropdown-item">{{ user.nombre }}</a>
-                                </li>
-                                <li><a class="dropdown-item">                        
-                                    <form method="post" action="{% url 'logout' %}" >
-                                        {% csrf_token %}
-                                        <button
-                                        style="background: none!important;
-                                                    border: none;
-                                                    padding: 0!important;
-                                                    /*optional*/
-                                                    font-family: arial, sans-serif;
-                                                    /*input has OS specific font-family*/
-                                                    /*color: #069;
-                                                    text-decoration: underline;*/
-                                                    cursor: pointer;"   
-                                            
-                                        type="submit">Salir</button>
-                                    </form></a>
-                                </li>
-                                {% else %}
-                                <li><a class="dropdown-item" href="{% url 'login' %}">Entrar</a></li>
-                                {% endif %} 
-                            </ul>
-                        </div><!--//app-user-dropdown--> 
-                    </div><!--//app-utilities-->
-
-                </div><!--//row-->
-            </div><!--//app-header-content-->
-        </div><!--//container-fluid-->
-    </div><!--//app-header-inner-->
-
-    <div id="app-sidepanel" class="app-sidepanel"> 
-        <div id="sidepanel-drop" class="sidepanel-drop"></div>
-        <div class="sidepanel-inner d-flex flex-column">
-            <a href="#" id="sidepanel-close" class="sidepanel-close d-xl-none">&times;</a>
-
-            {% include "_branding.html"  %}
-            
-            <nav id="app-nav-main" class="app-nav app-nav-main flex-grow-1">
-                <ul class="app-menu list-unstyled accordion" id="menu-accordion">
-                    <li class="nav-item">
-                        <!--//Bootstrap Icons: https://icons.getbootstrap.com/ -->
-                        <a class="nav-link active" href="{% url 'dashboard' %}">
-                            <span class="nav-icon">
-                            <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-house-door" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-      <path fill-rule="evenodd" d="M7.646 1.146a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 .146.354v7a.5.5 0 0 1-.5.5H9.5a.5.5 0 0 1-.5-.5v-4H7v4a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .146-.354l6-6zM2.5 7.707V14H6v-4a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4h3.5V7.707L8 2.207l-5.5 5.5z"/>
-      <path fill-rule="evenodd" d="M13 2.5V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"/>
-    </svg>
-                             </span>
-                             <span class="nav-link-text">Principal</span>
-                        </a><!--//nav-link-->
-                    </li><!--//nav-item-->
-
-                    {% if user.is_authenticated %}
-
-                    <li class="nav-item">
-                        <!--//Bootstrap Icons: https://icons.getbootstrap.com/ -->
-                        <a class="nav-link" href="{% url 'buscatotal' %}">
-                            <span class="nav-icon">
-                            <!--//Bootstrap Icons: https://icons.getbootstrap.com/ -->
-                            <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-files" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 2h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H4z"/>
-  <path d="M6 0h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1H4a2 2 0 0 1 2-2z"/>
-</svg>
-                             </span>
-                             <span class="nav-link-text">Buscar</span>
-                        </a><!--//nav-link-->
-                    </li><!--//nav-item-->
-
-                     <li class="nav-item">
-                        <!--//Bootstrap Icons: https://icons.getbootstrap.com/ -->
-                        <a class="nav-link" href="{% url 'agregar_movimiento' %}">
-                            <span class="nav-icon">
-                            <!--//Bootstrap Icons: https://icons.getbootstrap.com/ -->
-                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16">
-                                <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
-                                <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/>
-                            </svg>
-                             </span>
-                             <span class="nav-link-text">Agregar movimiento</span>
-                        </a><!--//nav-link-->
-                    </li><!--//nav-item-->
-
-                     <li class="nav-item">
-                        <!--//Bootstrap Icons: https://icons.getbootstrap.com/ -->
-                        <a class="nav-link" href="{% url 'listar_cuentas' %}">
-                            <span class="nav-icon">
-                            <!--//Bootstrap Icons: https://icons.getbootstrap.com/ -->
-                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bank" viewBox="0 0 16 16">
-                                <path d="m8 0 6.61 3h.89a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v7a.5.5 0 0 1 .485.38l.5 2a.498.498 0 0 1-.485.62H.5a.498.498 0 0 1-.485-.62l.5-2A.5.5 0 0 1 1 13V6H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 3h.89zM3.777 3h8.447L8 1zM2 6v7h1V6zm2 0v7h2.5V6zm3.5 0v7h1V6zm2 0v7H12V6zM13 6v7h1V6zm2-1V4H1v1zm-.39 9H1.39l-.25 1h13.72z"/>
-                            </svg>
-                             </span>
-                             <span class="nav-link-text">Ver cuentas</span>
-                        </a><!--//nav-link-->
-                    </li><!--//nav-item-->
-
-                    {% endif %}
-
-                    <li class="nav-item">
-                        <!--//Bootstrap Icons: https://icons.getbootstrap.com/ -->
-                        <a class="nav-link" href="{% url 'acerca_de' %}">
-                           <span class="nav-icon">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-square" viewBox="0 0 16 16">
-                              <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/>
-                              <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"/>
-                            </svg>
-                            </span>
-                                <span class="nav-link-text">Acerca de...</span>
-                        </a><!--//nav-link-->
-                    </li><!--//nav-item-->
-                </ul><!--//app-menu-->
-            </nav><!--//app-nav-->           
-        </div><!--//sidepanel-inner-->
-    </div><!--//app-sidepanel-->
-</header><!--//app-header-->

src/templates/acerca_de.html

@@ -3,40 +3,41 @@
 {% load filtros_de_entorno %}
 
 {% block content  %}
-<section id="interface">
+<div class="container-xl">  
+    <div class="position-relative mb-3">
+        <h3 class="i-name">
+            Acerca de...
+        </h3>
 
-    <h3 class="i-name">
-        Acerca de...
-    </h3>
+        <div class="row g-4 mb-4">
+            <table class="table app-table-hover mb-0 text-left" width="100%">
+                <thead>
+                    <tr>
+                        <td>Aplicación</td>
+                        <td>Versión</td>
+                        <td>Versión de la imagen</td>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>
+                            <h5>{{ app_name }}</h5>
+                        </td>
 
-    <div class="board">
-        <table width="100%">
-            <thead>
-                <tr>
-                    <td>Aplicación</td>
-                    <td>Versión</td>
-                    <td>Versión de la imagen</td>
-                </tr>
-            </thead>
-            <tbody>
-                <tr class="{% cycle 'fila-impar' 'fila-par' %}">
-                    <td>
-                        <h5>{{ app_name }}</h5>
-                    </td>
+                        <td>
+                            <h5>{{ app_version }}</h5>
+                        </td>
 
-                    <td>
-                        <h5>{{ app_version }}</h5>
-                    </td>
-
-                    <td>
-                        <h5>{{ img_version }}</h5>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <div class="botones">
-                <a href="{% url 'dashboard' %}"><button class="btn btn-secondary" type="button">Volver al Dashboard</button></a>
+                        <td>
+                            <h5>{{ img_version }}</h5>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+            <div class="row g-4 mb-4">
+                    <a href="{% url 'dashboard' %}"><button class="btn btn-secondary" type="button">Volver al Dashboard</button></a>
+            </div>
         </div>
     </div>
-</section>
+</div>
 {% endblock %}

src/templates/agregar_cuenta.html

@@ -1,9 +1,9 @@
 {% extends "base.html" %}
 
 {% block content %}
-<section id="interface">
-    <div class="board">
-        <div class="div-form">
+<div class="container-xl">  
+    <div class="position-relative mb-3">
+        <div class="row g-4 mb-4">
             <h1>Crear Nueva Cuenta</h1>
 
             <div class="form-group">
@@ -15,9 +15,9 @@
             </div>
         </div>
 
-        <div class="botones">
+        <div class="row g-4 mb-4">
             <a href="{% url 'dashboard' %}"><button class="btn btn-secondary" type="button">Volver al Dashboard</button></a>
         </div>
     </div>
-</section>  
+</div>  
 {% endblock %}

src/templates/agregar_movimiento.html

@@ -1,10 +1,11 @@
 {% extends "base.html" %}
 
 {% block content %}
-<section id="interface">
-    <div class="board">
-        <div class="div-form">
+<div class="container-xl">  
+    <div class="position-relative mb-3">
+        <div class="row g-4 mb-4">
             <h1>Agregar Movimiento</h1>
+            
             <div class="form-group">
                 <form method="post">
                     {% csrf_token %}
@@ -14,9 +15,9 @@
             </div>
         </div>
 
-        <div class="botones">
+        <div class="row g-4 mb-4">
             <a href="{% url 'dashboard' %}"><button class="btn btn-secondary" type="button">Volver al Dashboard</button></a>
         </div>
     </div>
-</section> 
+</div> 
 {% endblock %}

src/templates/base.html

@@ -101,9 +101,9 @@
                         <a class="nav-link active" href="{% url 'dashboard' %}">
                             <span class="nav-icon">
                             <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-house-door" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-      <path fill-rule="evenodd" d="M7.646 1.146a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 .146.354v7a.5.5 0 0 1-.5.5H9.5a.5.5 0 0 1-.5-.5v-4H7v4a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .146-.354l6-6zM2.5 7.707V14H6v-4a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4h3.5V7.707L8 2.207l-5.5 5.5z"/>
-      <path fill-rule="evenodd" d="M13 2.5V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"/>
-    </svg>
+                                <path fill-rule="evenodd" d="M7.646 1.146a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 .146.354v7a.5.5 0 0 1-.5.5H9.5a.5.5 0 0 1-.5-.5v-4H7v4a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .146-.354l6-6zM2.5 7.707V14H6v-4a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4h3.5V7.707L8 2.207l-5.5 5.5z"/>
+                                <path fill-rule="evenodd" d="M13 2.5V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"/>
+                            </svg>
                              </span>
                              <span class="nav-link-text">Principal</span>
                         </a><!--//nav-link-->
@@ -116,11 +116,10 @@
                         <a class="nav-link" href="{% url 'buscatotal' %}">
                             <span class="nav-icon">
                             <!--//Bootstrap Icons: https://icons.getbootstrap.com/ -->
-                            <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-files" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 2h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H4z"/>
-  <path d="M6 0h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1H4a2 2 0 0 1 2-2z"/>
-</svg>
-                             </span>
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
+                                <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
+                            </svg>
+                            </span>
                              <span class="nav-link-text">Buscar</span>
                         </a><!--//nav-link-->
                     </li><!--//nav-item-->
@@ -144,10 +143,9 @@
                         <a class="nav-link" href="{% url 'listar_cuentas' %}">
                             <span class="nav-icon">
                             <!--//Bootstrap Icons: https://icons.getbootstrap.com/ -->
-                            <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-wallet2" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M12.136.326A1.5 1.5 0 0 1 14 1.78V3h.5A1.5 1.5 0 0 1 16 4.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 13.5v-11A1.5 1.5 0 0 1 1.5 1h10.636zM13.5 3H14V1.78a.5.5 0 0 0-.5-.5H1.5a.5.5 0 0 0-.5.5v 11a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H13.5z"/>
-  <path d="M11 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
-</svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bank" viewBox="0 0 16 16">
+                                <path d="m8 0 6.61 3h.89a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v7a.5.5 0 0 1 .485.38l.5 2a.498.498 0 0 1-.485.62H.5a.498.498 0 0 1-.485-.62l.5-2A.5.5 0 0 1 1 13V6H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 3h.89zM3.777 3h8.447L8 1zM2 6v7h1V6zm2 0v7h2.5V6zm3.5 0v7h1V6zm2 0v7H12V6zM13 6v7h1V6zm2-1V4H1v1zm-.39 9H1.39l-.25 1h13.72z"/>
+                            </svg>
                              </span>
                              <span class="nav-link-text">Ver cuentas</span>
                         </a><!--//nav-link-->

src/templates/buscatotal.html

@@ -4,13 +4,13 @@
 
 {% block content %}
 
-<section id="interface">
-
+<div class="container-xl">  
+    <div class="position-relative mb-3">
     <h3 class="i-name">
         Bienvenido, {{ user.nombre }}
     </h3>
 
-    <div class="board">
+     <div class="row g-4 mb-4">
         <div class="form-group">
             <form method="get" class="form-inline mb-3">
                 <div class="row g-2 align-items-end">
@@ -65,21 +65,16 @@
                     <td class="movimiento">
                         {{ m.descripcion }}
                     </td>
-                    <td class="edit">
-                        <a href="{% url 'editar_movimiento' m.id %}">
-                            <i class="bi bi-pencil-square"></i>
-                        </a>                        
-                        <a href="{% url 'eliminar_movimiento' m.id %}">
-                            <i class="bi bi-trash3"></i>
-                        </a>                        
-                        <a href="{% url 'duplicar_movimiento' m.id %}">
-                            <i class="bi bi-copy"></i>
-                        </a>
-                    </td> 
+                    <td class="cell">
+                        <a class="btn-sm app-btn-secondary" href="{% url 'editar_movimiento' m.id %}">Editar</a>
+                        <a class="btn-sm app-btn-secondary" href="{% url 'eliminar_movimiento' m.id %}">Eliminar</a>
+                        <a class="btn-sm app-btn-secondary" href="{% url 'duplicar_movimiento' m.id %}">Duplicar</a>
+                    </td>
                 </tr>
             {% endfor %}
             </tbody>
         </table>
     </div>
-</section>
+    </div>
+</div>
 {% endblock %}

src/templates/eliminar_movimiento.html

@@ -2,18 +2,19 @@
 
 {% block content %}
 
-<section id="interface">
-    <div class="board">
+<div class="container-xl">  
+    <div class="position-relative mb-3">
         <div class="div-form">
-        <h1>¿Estás seguro de que deseas eliminar este movimiento?</h1>
-        <p>{{ movimiento.fecha|date:"d-m-Y H:i" }} - {{ movimiento.cuenta_origen.nombre }} → {{ movimiento.cuenta_destino.nombre }}: {{ movimiento.monto }}</p>
-        <div class="form-group">
-            <form method="post">
-                {% csrf_token %}
-                <button  class="btn btn-success" type="submit">Sí, eliminar</button>
-                <a href="{% url 'dashboard' %}"><button class="btn btn-danger" type="button">Cancelar</button></a>
-            </form>
+            <h1>¿Estás seguro de que deseas eliminar este movimiento?</h1>
+            <p>{{ movimiento.fecha|date:"d-m-Y H:i" }} - {{ movimiento.cuenta_origen.nombre }} → {{ movimiento.cuenta_destino.nombre }}: {{ movimiento.monto }}</p>
+            <div class="form-group">
+                <form method="post">
+                    {% csrf_token %}
+                    <button  class="btn btn-success" type="submit">Sí, eliminar</button>
+                    <a href="{% url 'dashboard' %}"><button class="btn btn-danger" type="button">Cancelar</button></a>
+                </form>
+            </div>
         </div>
     </div>
-</section>
+</div>
 {% endblock %}      

src/templates/listar_cuentas.html

@@ -3,55 +3,56 @@
 
 {% block content %}
 
-<section id="interface">
-    
-    <h3 class="i-name">
-        Mis Cuentas
-    </h3>
-    
-    <div class="board">    
-        <table width="100%">
-            <thead>
-                <tr>
-                    <td>Nombre</td>
-                    <td>Tipo</td>
-                    <td>Saldo</td>
-                    <td>Acciones</td>
-                    <td>Favorita</td>
-                </tr>
-            </thead>
+<div class="container-xl">
+    <div class="position-relative mb-3">  
+        <h3 class="i-name">
+            Mis Cuentas
+        </h3>
+        
+        <div class="row g-4 mb-4">
+            <table width="100%" class="table app-table-hover mb-0 text-left">
+                <thead>
+                    <tr>
+                        <td>Nombre</td>
+                        <td>Tipo</td>
+                        <td>Saldo</td>
+                        <td>Acciones</td>
+                        <td>Favorita</td>
+                    </tr>
+                </thead>
 
-            <tbody>
-            {% for cuenta in cuentas %}
-                <tr class="{% cycle 'fila-impar' 'fila-par' %}">
-                    <td class="movimiento">
-                        <a href="{% url 'informe_cuenta' %}?cuenta_id={{ cuenta.id }}&fecha_inicio={{ fecha_inicio }}&fecha_fin={{ fecha_fin }}">{{ cuenta.nombre }}</a>
-                    </td>
+                <tbody>
+                {% for cuenta in cuentas %}
+                    <tr class="{% cycle 'fila-impar' 'fila-par' %}">
+                        <td class="movimiento">
+                            <a href="{% url 'informe_cuenta' %}?cuenta_id={{ cuenta.id }}&fecha_inicio={{ fecha_inicio }}&fecha_fin={{ fecha_fin }}">{{ cuenta.nombre }}</a>
+                        </td>
 
-                    <td class="movimiento">
-                        {{ cuenta.tipo }}
-                    </td>
-                    
-                    <td class="movimiento-monto" style="width: 20px;">
-                        {{ cuenta.saldo|floatformat:2|intcomma }}
-                    </td>
+                        <td class="movimiento">
+                            {{ cuenta.tipo }}
+                        </td>
+                        
+                        <td class="movimiento-monto" style="width: 20px;">
+                            {{ cuenta.saldo|floatformat:2|intcomma }}
+                        </td>
 
-                    <td class="edit">                      
-                        <a href="{% url 'informe_cuenta' %}?cuenta_id={{ cuenta.id }}&fecha_inicio={{ fecha_inicio }}&fecha_fin={{ fecha_fin }}">
-                            <i class="bi bi-filetype-pdf"></i>
-                        </a>
-                    </td>   
-                    <td>{% if cuenta.favorita %}⭐{% else %}-{% endif %}</td>
-             
-                </tr>
-            {% empty %}
-                <tr><td colspan="3">No tienes cuentas aún.</td></tr>
-            {% endfor %}
-            </tbody>
-        </table>
-        <div class="botones">
-            <a href="{% url 'dashboard' %}"><button class="btn btn-secondary" type="button">Volver al Dashboard</button></a>
+                        <td class="edit">                      
+                            <a href="{% url 'informe_cuenta' %}?cuenta_id={{ cuenta.id }}&fecha_inicio={{ fecha_inicio }}&fecha_fin={{ fecha_fin }}">
+                                <i class="bi bi-filetype-pdf"></i>
+                            </a>
+                        </td>   
+                        <td>{% if cuenta.favorita %}⭐{% else %}-{% endif %}</td>
+                
+                    </tr>
+                {% empty %}
+                    <tr><td colspan="3">No tienes cuentas aún.</td></tr>
+                {% endfor %}
+                </tbody>
+            </table>
+            <div class="row g-4 mb-4">
+                <a href="{% url 'dashboard' %}"><button class="btn btn-secondary" type="button">Volver al Dashboard</button></a>
+            </div>
         </div>
     </div>
-</section>
+</div>
 {% endblock %}

src/templates/registration/logout.html

@@ -1,12 +0,0 @@
-{% load i18n static %}
-
-{% include "_head.html" %}
-
-<section id="interface">
-    <div class="board">
-        {% include "_menu.html" %}
-        <h2>Has cerrado sesión con éxito</h2>
-        <a href="{% url 'login' %}">Iniciar sesión nuevamente</a>          
-    </div>
-</section>
-{% include "_footer.html" %}