Estilizo botones con bootstrap

static/style.css

@@ -348,6 +348,14 @@ body {
    text-align: start;
 }
 
+.botones{
+   width: 94%;
+   margin: 30px 0px 30px 0px;
+   overflow: auto;
+   background: #fff;
+   border-radius: 8px;
+}
+
 table {
    border-collapse: collapse;
 }
@@ -505,4 +513,4 @@ tbody tr td {
    text-decoration: underline;*/
    cursor: pointer;
    font-size: 16px;
-}
+}

templates/_head.html

@@ -10,9 +10,10 @@
      
         <link rel="stylesheet" href="{% static 'style.css' %}">
         <link href="{% static 'bootstrap/css/bootstrap-icons.css' %}" rel="stylesheet" />
+        <link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet" />
      
         <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
         
      </head>
 
-     <body>
+     <body>

templates/listar_cuentas.html

@@ -49,9 +49,11 @@
             {% endfor %}
             </tbody>
         </table>
+        <div class="botones">
+            <a href="{% url 'agregar_cuenta' %}"><button class="btn btn-primary" type="button">Agregar cuenta</button></a> 
+            <a href="{% url 'dashboard' %}"><button class="btn btn-secondary" type="button">Volver al Dashboard</button></a>
+        </div>
     </div>
-    <a href="{% url 'agregar_cuenta' %}"><button type="button">Agregar cuenta</button></a> |
-    <a href="{% url 'dashboard' %}"><button type="button">Volver al Dashboard</button></a>
 </section>
 <!-- Footer -->
     {% include "_footer.html" %}