Improve mobile navbar

janpeterka · Jul 16, 2023 · 6741f8d · 6741f8d
1 parent 5f8784d
commit 6741f8d
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 9 deletions.
diff --git a/app/static/css/navbar.css b/app/static/css/navbar.css
@@ -38,6 +38,7 @@
   right: 0;
   background-color: var(--primary);
   padding-top: 0.7rem;
+  list-style: none;
 /*  text-align: right;*/
 }
 

diff --git a/app/templates/navbars/mobile_navbar.html.j2 b/app/templates/navbars/mobile_navbar.html.j2
@@ -52,33 +52,43 @@
     </ul>
 
     <div class="collapse navbar-collapse extended-navbar navbar-icon-grid" id="extendedNavbar">
-      <a href="{{ url_for('PublicRecipeView:index') }}">
-        <div class="navbar-icon nav-link">
-          {{ icon("nav-public-recipes") }}
-          <p>databáze receptů</p>
-        </div>
-      </a>
 
+
+      <li class="nav-item">
+        <a href="{{ url_for('PublicRecipeView:index') }}">
+          <div class="navbar-icon">
+            {{ icon("nav-public-recipes") }}
+            <p>databáze receptů</p>
+          </div>
+        </a>
+      </li>
+
+      <li class="nav-item">
       <a href="{{ url_for('UserView:show', id=current_user.id) }}">
-        <div class="navbar-icon nav-link">
+        <div class="navbar-icon">
           {{ icon("nav-profile") }}
           <p>můj profil</p>
         </div>
       </a>
+      </li>
 
+      <li class="nav-item">
       <a href="{{ url_for('TipView:index') }}">
-        <div class="navbar-icon nav-link">
+        <div class="navbar-icon">
           {{ icon("info-circle") }}
           <p>tipy a triky</p>
         </div>
       </a>
+      </li>
 
+      <li class="nav-item">
       <a href="{{ url_for_security('logout') }}">
-        <div class="navbar-icon nav-link">
+        <div class="navbar-icon">
           {{ icon("nav-logout") }}
           <p>odhlásit se</p>
         </div>
       </a>
+      </li>
     </div>
 
   </div>