Styling improvements

Celeo · Jun 24, 2024 · f18c134 · f18c134
1 parent 8bbcc52
commit f18c134
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 12 deletions.
diff --git a/templates/_layout.jinja b/templates/_layout.jinja
@@ -14,21 +14,12 @@
       href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"
       crossorigin="anonymous"
     />
-    <style>
-      .nav-container {
-        width: 50%;
-        margin-left: auto;
-        margin-right: auto;
-        display: flex;
-        justify-content: space-between;
-      }
-    </style>
     <title>{% block title %}vZDV{% endblock %}</title>
     {% block head_extra %}{% endblock %}
   </head>
   <body>
     <nav class="navbar navbar-expand-lg bg-body-tertiary shadow-sm mb-3">
-      <div class="nav-container">
+      <div class="container-md">
         <a class="navbar-brand" href="/">vZDV</a>
         <button
           class="navbar-toggler"
@@ -41,7 +32,7 @@
         >
           <span class="navbar-toggler-icon"></span>
         </button>
-        <div class="collapse d-flex" id="navbarSupportedContent">
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
           <ul class="navbar-nav me-auto mb-2 mb-lg-0">
             <li class="nav-item">
               <a class="nav-link" href="/events/">Events</a>

diff --git a/templates/homepage/home.jinja b/templates/homepage/home.jinja
@@ -13,7 +13,7 @@
       over all or part of the states of Colorado, Arizona, New Mexico, Utah,
       Kansas, Nebraska, South Dakota, Wyoming, and Montana.
     </p>
-    <div class="card shadow">
+    <div class="card shadow mb-2">
       <div class="card-header">Events</div>
       <div class="card-body">
         <div id="events" hx-get="/events/" hx-trigger="load"></div>