Allow text wrapping in service names, closes #7

Closes #11

app/routes.py

@@ -98,7 +98,7 @@ def index():
     if enable_deltachat == 'true':
         service_array.append({"name": "Secure Messaging", "image": url_for("static", filename="images/deltachat-icon.svg"), "url": url_for("messaging") })
     if enable_chat == 'true':
-        service_array.append({"name": "Message Board", "image": url_for("static", filename="images/chat-icon.png"), "url": f"{app.config["CONVENE_INSTALL_PATH"]}/#/room/%23public%3abutterbox.local"})
+        service_array.append({"name": "Message Board", "image": url_for("static", filename="images/chat-icon.png"), "url": f"{app.config["CONVENE_INSTALL_PATH"]}/#/room/join/%23public%3abutterbox.local"})
     if enable_app_store == 'true' and usb_has_appstore:
         service_array.append({"name": "Apps", "image": url_for("static", filename="images/appstore-icon.svg")})
     if enable_map_viewer == 'true' and usb_has_maps:

app/templates/index.html

@@ -1,13 +1,13 @@
 {% extends "base.html" %}
 
 {% block content %}
-    <h1 class="title is-large butter-title">Hi, welcome to the {{get_setting('butterbox_name')}}.</h1>
-    <p class="subtitle butter-title"> View and download the information you want from this offline box.</p>
+    <div class="block"><h1 class="title is-large butter-title">Welcome.</h1></div>
+    <div class="block"><p class="subtitle butter-title"> View and download the information you want from this offline box.</p></div>
 
-<div class="grid">
+<div class="block grid">
     {% for service in services %}
         <a class="cell button is-large is-responsive butter-service" href={{ service.url }}>
-        <div class="butter-service__content"> {{ service.name }} <br>
+            <div class="butter-service__content"> <p style="text-wrap: wrap;">{{ service.name }}</p>
             <img class="image is-64x64 butter-service__image" src={{ service.image }}>
         </div>
      </a>