add responsive layout.

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

diff --git a/templates/modules/menu.html b/templates/modules/menu.html
index 78dfa379e88a2cbb4a27b61904ab6cd0c75adf89..f5382c64677492f2c372950f4afb411ff07fb972 100644 (file)
--- a/templates/modules/menu.html
+++ b/templates/modules/menu.html
@@ -1,24 +1,21 @@
-<ul class="navbar-nav">
+<ul class="navbar-nav justify-content-lg-end">
        {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
-               <li class="nav-item mr-4">
+               <li class="nav-item mr-5">
                        <a class="nav-link" href="/features">{{ _("Features") }}</a>
                </li>
 
-               <li class="nav-item mr-4">
+               <li class="nav-item ml-lg-5 mr-lg-5">
                        <a class="nav-link" href="/download">{{ _("Download") }}</a>
                </li>
 
-               <li class="nav-item mr-4">
+               <li class="nav-item ml-lg-5 mr-lg-5">
                        <a class="nav-link" href="/get-support">{{ _("Support") }}</a>
                </li>
 
-               <li class="nav-item mr-4">
+               <li class="nav-item ml-lg-5 mr-lg-5">
                        <a class="nav-link" href="/get-involved">{{ _("Community") }}</a>
                </li>
-
-               <li class="nav-item">
-                       <a class="nav-link btn btn-danger btn-sm" href="/donate">{{ _("Donate") }}</a>
-               </li>
+               
        {% elif hostname == "admin.ipfire.org" %}
                <li class="nav-item">
                        <a class="nav-link" href="/fireinfo">{{ _("Fireinfo") }}</a>