copia actualizada de sandisk

templates/tablas/unidades.html

@@ -1,13 +1,42 @@
 {% extends "base.html" %}
 {% block title %}Unidades{% endblock %}
-
 {% block content %}
 
+<style>
+html[data-theme="light"],
+html[data-theme="light"] body {
+    background: #f5f6fa;
+}
+
+html[data-theme="dark"],
+html[data-theme="dark"] body {
+    background: #0a111f;
+}
+</style>
+
 <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
 <link rel="stylesheet" href="{{ url_for('static', filename='bootstrap-icons/bootstrap-icons.css') }}">
 
-<body style="background-color: #f5f6fa;">
-  
+<style>
+  .nav-links {
+    display: flex !important;
+    flex-direction: column !important;
+    gap: 3px !important;
+    flex: 1 !important;
+}
+
+.nav-links > a {
+    display: flex !important;
+    flex: 0 0 auto !important;
+    align-items: center !important;
+    padding: 10px 12px !important;
+    margin: 0 !important;
+    line-height: normal !important;
+    height: auto !important;
+    min-height: 0 !important;
+    box-sizing: border-box !important;
+}
+</style>
 
 <div class="page-header">
   <div class="page-eyebrow">Configuración</div>
@@ -155,8 +184,8 @@ $('#tabla').Tabledit({
 
     buttons:{
         edit:{
-            class:'btn btn-sm border rounded me-1 ',
-            html:'<i class="bi bi-pencil"></i> '
+            class:'btn btn-light btn-sm border-secondary rounded me-1 ',
+            html:'<i class="bi bi-pencil"></i>'
         },
         // delete:{
         //     class:'btn btn-sm btn-light text-danger border me-1',