Use flexbox for wrapping ticket titles

scss/main.scss

@@ -196,6 +196,12 @@ select.form-control {
   }
 }
 
+.ticket-title {
+  margin: 0;
+  display: flex;
+  flex-wrap: wrap;
+}
+
 .ticket-events {
   h4 {
     font-size: 1rem;

todosrht/templates/ticket.html

@@ -8,21 +8,17 @@
 {% endblock %}
 {% block body %}
 <div class="container">
-  <div class="row">
-    <div class="col-md-12">
-      <h2 style="margin: 0;">
-        <div>
-          <a href="{{ tracker.owner|user_url }}"
-            >{{ tracker.owner }}</a>/<a href="{{ tracker|tracker_url }}"
-            >{{ tracker.name }}</a>#{{ ticket.scoped_id }}<span
-              class="d-none d-md-inline">:</span>
-        </div>
-        <div id="title-field">
-          {{ticket.title}}
-        </div>
-      </h2>
+  <h2 class="ticket-title">
+    <div>
+      <a href="{{ tracker.owner|user_url }}"
+        >{{ tracker.owner }}</a>/<a href="{{ tracker|tracker_url }}"
+        >{{ tracker.name }}</a>#{{ ticket.scoped_id }}<span
+          class="d-none d-md-inline">:</span>
     </div>
-  </div>
+    <div id="title-field">
+      {{ticket.title}}
+    </div>
+  </h2>
 </div>
 <div class="header-tabbed">
   <div class="container">