Add QR code for wifi on index page, some responsive design fixes

app/templates/base.html

@@ -19,7 +19,7 @@
         <p style="display: inline; padding-inline-start: 10px;">{{ get_setting('butterbox_name') }}</p>
     </div>
 
-<div class="content"> {% block content %}{% endblock %} </div>
+<div class="content"> </div>
     {% with messages = get_flashed_messages() %}
         {% if messages %}
     <div class="notification">
@@ -31,6 +31,9 @@
         </div>
         {% endif %}
         {% endwith %}
+
+    {% block content %}{% endblock %}
+
 </div>
     </body>
 </html>