From 960ed9540d443e0d577d7aefe1918b74343f4e0e Mon Sep 17 00:00:00 2001
From: shpuld <shpuld@gmail.com>
Date: Sat, 25 Feb 2017 14:34:05 +0200
Subject: Make use of template literals instead of string concat.

---
 src/components/user_card_content/user_card_content.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'src/components/user_card_content/user_card_content.vue')

diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue
index a30eadf5..4dc1c6f1 100644
--- a/src/components/user_card_content/user_card_content.vue
+++ b/src/components/user_card_content/user_card_content.vue
@@ -63,15 +63,15 @@
       headingStyle () {
         let rgb = this.$store.state.config.colors['base00'].match(/\d+/g)
         return {
-          backgroundColor: 'rgb(' + Math.floor(rgb[0] * 0.53) + ', ' +
-                                    Math.floor(rgb[1] * 0.56) + ', ' +
-                                    Math.floor(rgb[2] * 0.59) + ')',
+          backgroundColor: `rgb(${Math.floor(rgb[0] * 0.53)},
+                                ${Math.floor(rgb[1] * 0.56)},
+                                ${Math.floor(rgb[2] * 0.59)})`,
           backgroundImage: `url(${this.user.cover_photo})`
         }
       },
       bodyStyle () {
         return {
-          background: 'linear-gradient(to bottom, rgba(0, 0, 0, 0), ' + this.$store.state.config.colors['base00'] + ' 80%)'
+          background: `linear-gradient(to bottom, rgba(0, 0, 0, 0), ${this.$store.state.config.colors['base00']} 80%)`
         }
       },
       isOtherUser () {
-- 
cgit v1.2.3-70-g09d2


From 015bf78dd9b17a1eac11119e38d8e83be8d791ae Mon Sep 17 00:00:00 2001
From: shpuld <shpuld@gmail.com>
Date: Sun, 26 Feb 2017 22:36:54 +0200
Subject: Heading text floats left, initial attempt at load more in the right
 side of the heading.

---
 src/App.scss                                           |  4 ++--
 src/components/timeline/timeline.vue                   | 12 +++++++++---
 src/components/user_card_content/user_card_content.vue |  5 +++++
 3 files changed, 16 insertions(+), 5 deletions(-)

(limited to 'src/components/user_card_content/user_card_content.vue')

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 {
-- 
cgit v1.2.3-70-g09d2


From 8c43b3f505c6bee344a85dc33a927f123062a268 Mon Sep 17 00:00:00 2001
From: shpuld <shpuld@gmail.com>
Date: Sun, 26 Feb 2017 22:42:22 +0200
Subject: Remove newlines from template literal.

---
 src/components/user_card_content/user_card_content.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

(limited to 'src/components/user_card_content/user_card_content.vue')

diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue
index 4dc1c6f1..6b01133c 100644
--- a/src/components/user_card_content/user_card_content.vue
+++ b/src/components/user_card_content/user_card_content.vue
@@ -63,9 +63,7 @@
       headingStyle () {
         let rgb = this.$store.state.config.colors['base00'].match(/\d+/g)
         return {
-          backgroundColor: `rgb(${Math.floor(rgb[0] * 0.53)},
-                                ${Math.floor(rgb[1] * 0.56)},
-                                ${Math.floor(rgb[2] * 0.59)})`,
+          backgroundColor: `rgb(${Math.floor(rgb[0] * 0.53)}, ${Math.floor(rgb[1] * 0.56)}, ${Math.floor(rgb[2] * 0.59)})`,
           backgroundImage: `url(${this.user.cover_photo})`
         }
       },
-- 
cgit v1.2.3-70-g09d2

