add hyphen to jobnames

fet2020/fet2020/settings.py

@@ -84,6 +84,7 @@ INSTALLED_APPS = [
     'ckeditor_uploader',
     'easy_thumbnails',
     'rest_framework',
+    'softhyphen',
     'django_crontab',
     'django_filters',
     'django_static_jquery_ui',

fet2020/requirements.txt

@@ -4,6 +4,7 @@ django-crontab==0.7.1
 django-environ==0.4.5
 django-filter==2.4.0
 django-static-jquery-ui==1.12.1.1
+django-softhyphen==1.1.0
 django-taggit==1.3.0
 djangorestframework==3.12.1
 configparser==5.0.1

fet2020/templates/members/index.html

@@ -1,14 +1,20 @@
 {% extends 'layout.html' %}
 {% block content %}
+{% load softhyphen_tags %}
+
 <style>
 .button {
-    background-color: green;
+    background-color: gray;
+
+}
+.button:hover {
+    background-color: black;
 }
 .memb {
-    background-color: blue;
+    background-color: darkgray;
 }
 .active {
-    background-color: red;
+    background-color: black;
 }
 </style>
 
@@ -21,7 +27,11 @@
         {% endfor %}
 
         {% for job in unpinned_job_groups %}
-            <div class="cell large-2 medium-4 small-6"><a class="button {% if job.slug in request.path %} active {% endif %}" style="width: 100%;" href="/members/jobs/{{job.slug}}">{{job.name}}</a></div>
+            <div class="cell large-2 medium-4 small-6">
+                <a class="button {% if job.slug in request.path %} active {% endif %}" style="width: 100%;" href="/members/jobs/{{job.slug}}">
+                    {{ job.name|softhyphen|safe }}
+                </a>
+            </div>
         {% endfor %}
 
         <div class="cell large-2 medium-4 small-6"><a class="button memb {% if '/members/' == request.path %} active {% endif %}" style="width: 100%;" href="/members">Alle Mitglieder</a></div>