diff options
| -rw-r--r-- | src/App.scss | 4 | ||||
| -rw-r--r-- | src/components/timeline/timeline.vue | 12 | ||||
| -rw-r--r-- | src/components/user_card_content/user_card_content.vue | 5 |
3 files changed, 16 insertions, 5 deletions
diff --git a/src/App.scss b/src/App.scss index 0945c76b..8a1942c6 100644 --- a/src/App.scss +++ b/src/App.scss @@ -109,8 +109,8 @@ main-router { .panel-heading { border-radius: 10px 10px 0 0; background-size: cover; - padding: 0.6em 0; - text-align: center; + padding: 0.6em 1.0em; + text-align: left; font-size: 1.3em; line-height: 24px; } diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue index 45886f6c..078d954c 100644 --- a/src/components/timeline/timeline.vue +++ b/src/components/timeline/timeline.vue @@ -1,7 +1,7 @@ <template> <div class="timeline"> <a href="#" v-on:click.prevent='showNewStatuses()' v-if="timeline.newStatusCount > 0"> - <div class="base01-background base05-border new-status-notification"> + <div class="base00-background base05-border new-status-notification"> <p class="text-center" > {{timeline.newStatusCount}} new statuses </p> @@ -22,12 +22,18 @@ <style lang="scss"> .new-status-notification { border-style: solid; - border-width: 1px 0 1px 0; + float: right; + border-width: 1px 1px 0px 1px; + border-radius: 5px 5px 0 0; font-size: 1.1em; + margin-top: -2.08em; + margin-right: 0.8em; + max-width: 200px; + max-height: 2em; p { margin: 0px; - padding: 10px; + padding: 0.6em; } } </style> diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue index 178100b8..aa9a15e1 100644 --- a/src/components/user_card_content/user_card_content.vue +++ b/src/components/user_card_content/user_card_content.vue @@ -106,6 +106,11 @@ .profile-panel-background { background-size: cover; border-radius: 10px; + + .panel-heading { + padding: 0.6em 0em; + text-align: center; + } } .profile-panel-body { |