aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorRoger Braun <roger@rogerbraun.net>2016-11-12 20:57:54 +0100
committerRoger Braun <roger@rogerbraun.net>2016-11-12 20:57:54 +0100
commit4d6d916395b13d548e0b7f4dc98d85f6d29f0417 (patch)
treee420f7ea7b6e4043f6f14c42898518cf087f20b3 /src
parentf8a3afc9d14428d05115105030af1f1d300dde8e (diff)
Some CSS fixes.
Diffstat (limited to 'src')
-rw-r--r--src/App.scss4
-rw-r--r--src/components/status/status.vue3
-rw-r--r--src/components/timeline/timeline.vue3
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>