pleroma-fe

commit: 4d6d916395b13d548e0b7f4dc98d85f6d29f0417
parent: f8a3afc9d14428d05115105030af1f1d300dde8e
Author: Roger Braun <roger@rogerbraun.net>
Date:   Sat, 12 Nov 2016 20:57:54 +0100

Some CSS fixes.

Diffstat:
M
src/App.scss
4
+++-
M
src/components/status/status.vue
3
+++
M
src/components/timeline/timeline.vue
3
++-

3 files changed, 8 insertions(+), 2 deletions(-)
diff --git 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
@@ -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
@@ -21,6 +21,7 @@
 
 <style>
  .timeline.panel {
-     flex: 1;
+     flex: 2;
+     flex-basis: 500px;
  }
 </style>