more shit.

templates/base.html

@@ -4,28 +4,35 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ledger</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/css/uikit.min.css" />
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/js/uikit.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.15.23/dist/css/uikit.min.css" />
+    <script src="https://cdn.jsdelivr.net/npm/uikit@3.15.23/dist/js/uikit.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/uikit@3.15.23/dist/js/uikit-icons.min.js"></script>
     <script src="https://unpkg.com/htmx.org@1.8.5"></script>
   </head>
 
   <body>
-    <nav class="uk-navbar">
-      <a href="/" class="uk-navbar-brand">Ledger</a>
-      <ul class="uk-navbar-nav">
-        {% set nav_bar_items = [{'id': 'overview', 'label': 'Overview'},
-                                {'id': 'actions', 'label': 'Actions'}]%}
-        {% for itm in nav_bar_items %}
-        <li class="{% if active_navbar_item == itm.id %}uk-active"{% else %} uk-parent {% endif %}"><a href="{{ itm.id }}">{{ itm.label }}</a></li>
-        {% endfor %}
-      </ul>
+
+
+    <nav class="uk-navbar-container" uk-navbar>
+      <div class="uk-navbar-left">
+        <a href="/" class="uk-navbar-item uk-logo">Ledger</a>
+        <ul class="uk-navbar-nav">
+          {% set nav_bar_items = [{'id': 'overview', 'label': 'Overview'},
+          {'id': 'actions', 'label': 'Actions'}]%}
+          {% for itm in nav_bar_items %}
+          <li class="{% if active_navbar_item == itm.id %}uk-active"{% endif %}"><a href="{{ itm.id }}">{{ itm.label }}</a></li>
+          {% endfor %}
+        </ul>
+      </div>
     </nav>
 
     <div class="uk-grid">
-      <div class="uk-width-2-3 uk-container-center">
+      <div class="uk-width-1-6@m"></div>
+      <div class="uk-width-2-3@m">
         {% block body %}
         {% endblock %}
       </div>
+      <div class="uk-width-1-6@m"></div>
     </div>
   </body>