From d893f14a6faa96e6b39b46dfc76de9717f8524ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Gr=C3=B6hbiel?= <benjamin.groehbiel@gmail.com>
Date: Thu, 19 May 2016 22:30:29 +0100
Subject: [PATCH] Fixes CSS for firefox and chrome

---
 flash/static/styles/default.css | 1 +
 flash/templates/demo.html       | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/flash/static/styles/default.css b/flash/static/styles/default.css
index 3eb8e75..e7c7aea 100644
--- a/flash/static/styles/default.css
+++ b/flash/static/styles/default.css
@@ -62,6 +62,7 @@ h1 {
   flex-basis: 20%;
   flex-grow: 1;
   margin: 10px;
+  min-width: 100px;
   padding: 10px;
 }
 
diff --git a/flash/templates/demo.html b/flash/templates/demo.html
index 96cc190..77b9ba9 100644
--- a/flash/templates/demo.html
+++ b/flash/templates/demo.html
@@ -8,22 +8,22 @@
       </div>
       <section class="pane short-pane">
         <div class="pane-item build-outcome working">
-          <div class="message">Truncate to 20 ch...</div>
+          <div class="message">This should be automatically truncated to a reasonable chunk of text</div>
           <div class="elapsed"></div>
           <div class="author">Some Author</div>
         </div>
         <div class="pane-item build-outcome failed">
-          <div class="message">Truncate to 20 ch...</div>
+          <div class="message">This should be automatically truncated to a reasonable chunk of text</div>
           <div class="elapsed"></div>
           <div class="author">Some Author</div>
         </div>
         <div class="pane-item build-outcome cancelled">
-          <div class="message">Truncate to 20 ch...</div>
+          <div class="message">This should be automatically truncated to a reasonable chunk of text</div>
           <div class="elapsed"></div>
           <div class="author">Some Author</div>
         </div>
         <div class="pane-item build-outcome passed">
-          <div class="message">Truncate to 20 ch...</div>
+          <div class="message">This should be automatically truncated to a reasonable chunk of text</div>
           <div class="elapsed"></div>
           <div class="author">Some Author</div>
         </div>