From 99adc3d07a518f2ec0f9f853b5c6c2d9fa50c8e6 Mon Sep 17 00:00:00 2001
From: Richard <richard@fsmpi.rwth-aachen.de>
Date: Fri, 6 Nov 2020 20:02:31 +0100
Subject: [PATCH] add "semantic" classes and word breaking css

[refs kif/akplanning#102]
---
 AKPlan/templates/AKPlan/slots_table.html | 8 ++++----
 static_common/common/css/custom.css      | 5 +++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/AKPlan/templates/AKPlan/slots_table.html b/AKPlan/templates/AKPlan/slots_table.html
index 93d8ba12..0bac2fed 100644
--- a/AKPlan/templates/AKPlan/slots_table.html
+++ b/AKPlan/templates/AKPlan/slots_table.html
@@ -1,12 +1,12 @@
 {% load i18n %}
 
 
-<table class="table table-striped">
+<table class="table table-striped slotTable">
     {% for akslot in slots %}
     <tr>
-        <td><b><a href="{% url 'submit:ak_detail' event_slug=event.slug pk=akslot.ak.pk %}">{{ akslot.ak.name }}</a></b></td>
-        <td>{{ akslot.start | time:"H:i" }} - {{ akslot.end | time:"H:i" }}</td>
-        <td>{% if akslot.room and akslot.room.pk != '' %}
+        <td class="akName"><b><a href="{% url 'submit:ak_detail' event_slug=event.slug pk=akslot.ak.pk %}">{{ akslot.ak.name }}</a></b></td>
+        <td class="akTime">{{ akslot.start | time:"H:i" }} - {{ akslot.end | time:"H:i" }}</td>
+        <td class="akRoom">{% if akslot.room and akslot.room.pk != '' %}
             <a href="{% url 'plan:plan_room' event_slug=event.slug pk=akslot.room.pk %}">{{ akslot.room }}</a>
         {% endif %}</td>
     </tr>
diff --git a/static_common/common/css/custom.css b/static_common/common/css/custom.css
index 037b544e..27410c87 100644
--- a/static_common/common/css/custom.css
+++ b/static_common/common/css/custom.css
@@ -26,3 +26,8 @@
     width: 150px;
 }
 
+.slotTable .akName,
+.slotTable .akRoom {
+    word-break: normal;
+    overflow-wrap: anywhere;
+}
-- 
GitLab