add spacing and menu on mobile

[ipfire.org.git] / templates / base.html

diff --git a/templates/base.html b/templates/base.html
index 08d6f864d08eca0e43abf973e6ac6e658260eb4e..2a5e9912cdf63f92b1f256ee6b64d6e3db50b4b4 100644 (file)
--- a/templates/base.html
+++ b/templates/base.html
@@ -28,9 +28,10 @@
                                <nav class="navbar navbar-toggleable-md align-items-md-start">
                                        <button class="navbar-toggler navbar-toggler-left pt-4" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                                                <svg width="18" height="12" viewBox="0 0 18 12" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-3-6h24v24H-3z"/><path d="M0 12h18v-2H0v2zm0-5h18V5H0v2zm0-7v2h18V0H0z" fill="#000"/></g></svg>
+                                               <div class="visible-md-up menu-text">Menu</div>
                                        </button>
                                        
-                                       <a class="navbar-brand align-self-md-center" href="/">
+                                       <a class="navbar-brand align-self-center" href="/">
                                                <img src="http://static.ipfire:8891/img/ipfire-tux.png" alt="IPFire Tux" height="40px" />
                                                {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
                                                        {{ _("IPFire") }}
@@ -67,7 +68,7 @@
                        <footer class="footer">
                                <div class="container pb-3">
                                        <div class="row mb-6">
-                                               <div class="col-6 col-md-3 col-lg-2">
+                                               <div class="col-6 col-md-3 col-lg-2 mb-5">
                                                        <h4>{{ _("About") }}</h4>
 
                                                        <ul class="list-unstyled">
@@ -86,7 +87,7 @@
                                                        </ul>
                                                </div>
 
-                                               <div class="col-6 col-md-3 col-lg-2">
+                                               <div class="col-6 col-md-3 col-lg-2 mb-5">
                                                        <h4>{{ _("Support") }}</h4>
 
                                                        <ul class="list-unstyled">
@@ -99,7 +100,7 @@
                                                        </ul>
                                                </div>
 
-                                               <div class="col-6 col-md-3 col-lg-2">
+                                               <div class="col-6 col-md-3 col-lg-2 mb-5">
                                                        <h4>{{ _("Community") }}</h4>
 
                                                        <ul class="list-unstyled">
@@ -118,7 +119,7 @@
                                                        </ul>
                                                </div>
 
-                                               <div class="col-6 col-md-3 col-lg-2">
+                                               <div class="col-6 col-md-3 col-lg-2 mb-6">
                                                        <h4>{{ _("Development") }}</h4>
 
                                                        <ul class="list-unstyled">