From e2bc9f59e8ba6b2d8dcf2e27c26e96cfd5f9f038 Mon Sep 17 00:00:00 2001
From: Drew DeVault <sir@cmpwn.com>
Date: Thu, 3 Sep 2020 10:09:01 -0400
Subject: [PATCH] Wrap ticket title in event lists

---
 scss/main.scss                 | 22 ++++++++++++++++++++++
 todosrht/templates/events.html |  7 ++++---
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/scss/main.scss b/scss/main.scss
index edc815a..1ad6b04 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -217,3 +217,25 @@ select.form-control {
     font-style: italic;
   }
 }
+
+.event-header {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+
+  .event & {
+    margin-bottom: 0.25rem;
+  }
+
+  & > *:not(:last-child) {
+    margin-right: 0.25rem;
+  }
+
+  & > span {
+    min-width: 0;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex-grow: 1;
+  }
+}
diff --git a/todosrht/templates/events.html b/todosrht/templates/events.html
index a21dcd1..ed9cabf 100644
--- a/todosrht/templates/events.html
+++ b/todosrht/templates/events.html
@@ -2,11 +2,12 @@
 {% for event in events %}
 {% if event.ticket %}
   <div class="event">
-    <h4>
+    <h4 class="event-header">
       <a
         href="{{ event.ticket|ticket_url }}"
-      >#{{event.ticket.scoped_id}}</a> {{ event.ticket.title }}
-      <small class="pull-right">{{ event.created | date }}</small>
+      >#{{event.ticket.scoped_id}}</a>
+      <span>{{ event.ticket.title }}</span>
+      <small>{{ event.created | date }}</small>
     </h4>
     <p>
     {% if EventType.created in event.event_type %}
-- 
2.30.1