diff options
| author | Roger Braun <roger@rogerbraun.net> | 2016-11-12 20:57:54 +0100 |
|---|---|---|
| committer | Roger Braun <roger@rogerbraun.net> | 2016-11-12 20:57:54 +0100 |
| commit | 4d6d916395b13d548e0b7f4dc98d85f6d29f0417 (patch) | |
| tree | e420f7ea7b6e4043f6f14c42898518cf087f20b3 | |
| parent | f8a3afc9d14428d05115105030af1f1d300dde8e (diff) | |
Some CSS fixes.
| -rw-r--r-- | src/App.scss | 4 | ||||
| -rw-r--r-- | src/components/status/status.vue | 3 | ||||
| -rw-r--r-- | 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> |