add spacing and menu on mobile

[ipfire.org.git] / templates / modules / menu.html

diff --git a/templates/modules/menu.html b/templates/modules/menu.html
index f5382c64677492f2c372950f4afb411ff07fb972..bf57f0f7b76e247597495a12d3bfed4f1fe25b6d 100644 (file)
--- a/templates/modules/menu.html
+++ b/templates/modules/menu.html
@@ -1,18 +1,21 @@
 <ul class="navbar-nav justify-content-lg-end">
        {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
-               <li class="nav-item mr-5">
+               <li class="nav-item hidden-lg-up my-4">
+                       <a class="nav-link" href="/">{{ _("Home") }}</a>
+               </li>
+               <li class="nav-item mb-4 mr-lg-5">
                        <a class="nav-link" href="/features">{{ _("Features") }}</a>
                </li>
 
-               <li class="nav-item ml-lg-5 mr-lg-5">
+               <li class="nav-item mb-4 ml-lg-5 mr-lg-5">
                        <a class="nav-link" href="/download">{{ _("Download") }}</a>
                </li>
 
-               <li class="nav-item ml-lg-5 mr-lg-5">
+               <li class="nav-item mb-4 ml-lg-5 mr-lg-5">
                        <a class="nav-link" href="/get-support">{{ _("Support") }}</a>
                </li>
 
-               <li class="nav-item ml-lg-5 mr-lg-5">
+               <li class="nav-item mb-4 ml-lg-5 mr-lg-5">
                        <a class="nav-link" href="/get-involved">{{ _("Community") }}</a>
                </li>