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>