From bf84a87821e63774340cbff9e4356d1b30d415b7 Mon Sep 17 00:00:00 2001
From: Shpuld Shpuldson <shpuld@gmail.com>
Date: Wed, 21 Jun 2017 17:15:45 +0300
Subject: Make buttons stand out with some shading.

---
 src/components/timeline/timeline.vue | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

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

diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue
index 08733f4f..9c13fd99 100644
--- a/src/components/timeline/timeline.vue
+++ b/src/components/timeline/timeline.vue
@@ -4,15 +4,15 @@
       <div class="title">
         {{title}}
       </div>
-      <button @click.prevent="showNewStatuses" class="base06 base02-background loadmore-button" v-if="timeline.newStatusCount > 0 && !timelineError">
+      <button @click.prevent="showNewStatuses" class="base05 base01-background loadmore-button" v-if="timeline.newStatusCount > 0 && !timelineError">
         Show new ({{timeline.newStatusCount}})
       </button>
-      <button @click.prevent class="base06 error no-press loadmore-button" v-if="timelineError">
+      <div @click.prevent class="base06 error  loadmore-text" v-if="timelineError">
           Error fetching updates
-      </button>
-      <button @click.prevent class="base04 base01-background no-press loadmore-button" v-if="!timeline.newStatusCount > 0 && !timelineError">
+      </div>
+      <div @click.prevent class="base04 base01-background loadmore-text" v-if="!timeline.newStatusCount > 0 && !timelineError">
         Up-to-date
-      </button>
+      </div>
     </div>
     <div class="panel-body">
       <div class="timeline">
@@ -43,18 +43,26 @@
     .loadmore-button {
       position: absolute;
       right: 0.6em;
+      font-size: 14px;
 
       min-width: 6em;
       height: 1.8em;
       line-height: 100%;
     }
+    .loadmore-text {
+      position: absolute;
+      right: 0.6em;
+      font-size: 14px;
+      min-width: 6em;
+      border-radius: 5px;
+      font-family: arial;
+      text-align: center;
+      padding: 0 0.5em 0 0.5em;
+      opacity: 0.8;
+    }
     .error {
       background-color: rgba(255, 48, 16, 0.65);
     }
-    .no-press {
-      opacity: 0.8;
-      cursor: default;
-    }
   }
 
 
-- 
cgit v1.2.3-70-g09d2


From 97bb03a00c6c200ad0cfe6b1b4bf11a9b4352514 Mon Sep 17 00:00:00 2001
From: Shpuld Shpuldson <shpuld@gmail.com>
Date: Wed, 21 Jun 2017 17:19:56 +0300
Subject: Fix consistency in font families between chromium and ff

---
 src/App.scss                         | 3 ++-
 src/components/timeline/timeline.vue | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

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

diff --git a/src/App.scss b/src/App.scss
index 3ba79f3f..39bb34de 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -37,7 +37,8 @@ button{
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     box-shadow: 0px 0px 2px black;
     font-size: 14px;
-    
+    font-family: sans;
+
     &:hover {
         box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.3);
     }
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue
index 9c13fd99..dbd0d948 100644
--- a/src/components/timeline/timeline.vue
+++ b/src/components/timeline/timeline.vue
@@ -55,7 +55,7 @@
       font-size: 14px;
       min-width: 6em;
       border-radius: 5px;
-      font-family: arial;
+      font-family: sans;
       text-align: center;
       padding: 0 0.5em 0 0.5em;
       opacity: 0.8;
-- 
cgit v1.2.3-70-g09d2


From c1f1599f2fdf90dd0cfcfefe2359884ad1a5f668 Mon Sep 17 00:00:00 2001
From: Shpuld Shpuldson <shpuld@gmail.com>
Date: Wed, 21 Jun 2017 17:32:41 +0300
Subject: Another minor consistency fix.

---
 src/App.scss                         | 2 +-
 src/components/timeline/timeline.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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

diff --git a/src/App.scss b/src/App.scss
index 39bb34de..15c908d9 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -37,7 +37,7 @@ button{
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     box-shadow: 0px 0px 2px black;
     font-size: 14px;
-    font-family: sans;
+    font-family: sans-serif;
 
     &:hover {
         box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.3);
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue
index dbd0d948..a9162120 100644
--- a/src/components/timeline/timeline.vue
+++ b/src/components/timeline/timeline.vue
@@ -55,7 +55,7 @@
       font-size: 14px;
       min-width: 6em;
       border-radius: 5px;
-      font-family: sans;
+      font-family: sans-serif;
       text-align: center;
       padding: 0 0.5em 0 0.5em;
       opacity: 0.8;
-- 
cgit v1.2.3-70-g09d2

