From 4d6d916395b13d548e0b7f4dc98d85f6d29f0417 Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Sat, 12 Nov 2016 20:57:54 +0100
Subject: [PATCH] Some CSS fixes.

---
 src/App.scss                         | 4 +++-
 src/components/status/status.vue     | 3 +++
 src/components/timeline/timeline.vue | 3 ++-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index 2850867d..60fe9dcd 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -36,6 +36,7 @@ a {
 
 .container {
     display: flex;
+    flex-wrap: wrap;
     margin: 0;
     padding: 0 10px 0 10px;
 }
@@ -78,7 +79,8 @@ nav {
 }
 
 sidebar {
-    width: 33.333% !important;
+    flex: 1;
+    flex-basis: 300px;
 }
 
 main-router {
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 8f3de3df..521119d2 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -56,10 +56,13 @@
 
 <style lang="scss">
  .status-el {
+     hyphens: auto;
+     overflow-wrap: break-word;
      word-wrap: break-word;
      word-break: break-word;
 
      a {
+         display: inline-block;
          word-break: break-all;
      }
  }
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue
index 2f1b8c28..fef96e4e 100644
--- a/src/components/timeline/timeline.vue
+++ b/src/components/timeline/timeline.vue
@@ -21,6 +21,7 @@
 
 <style>
  .timeline.panel {
-     flex: 1;
+     flex: 2;
+     flex-basis: 500px;
  }
 </style>