Make donate button appear when menu is collapsed

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/base.html b/src/templates/base.html
index 727a86a8fc00f5bafa65531deef4699ff1096937..27efe19fbd0fd746ed3d958c68f4d2bf062c9d56 100644 (file)
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -54,7 +54,7 @@
                                                                </li>
                                                        </ul>
 
-                                                       <a class="btn btn-primary btn-donate ml-2 d-none d-sm-block" href="/donate">
+                                                       <a class="btn btn-primary mt-2 mt-lg-0 ml-lg-2" href="/donate">
                                                                <span class="fas fa-heart"></span> {{ _("Donate") }}
                                                        </a>
                                                </div>
@@ -103,12 +103,12 @@
                                                                </li>
                                                        </ul>
 
-                                                       <form class="form-inline ml-auto my-2 my-lg-0" action="/search" method="GET">
-                                                               <input class="form-control form-control-sm mr-sm-2" type="search" name="q"
+                                                       <form class="form-inline ml-lg-auto my-2 my-lg-0" action="/search" method="GET">
+                                                               <input class="form-control form-control-sm" type="search" name="q"
                                                                        placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
                                                        </form>
                                        
-                                                       <a class="btn btn-primary btn-donate ml-2 d-none d-sm-block" href="/donate">
+                                                       <a class="btn btn-primary ml-lg-2" href="/donate">
                                                                <span class="fas fa-heart"></span> {{ _("Donate") }}
                                                        </a>
                                                </div>