From 20ea9a849b62bdd58ec637cb75ce4e86e41601fb Mon Sep 17 00:00:00 2001
From: Nazar Kanaev <nkanaev@live.com>
Date: Mon, 15 Jun 2020 22:02:30 +0100
Subject: [PATCH] minor ui tweaks

---
 template/index.html                | 14 ++++++++++----
 template/static/images/layers.svg  |  1 +
 template/static/javascripts/app.js |  1 +
 3 files changed, 12 insertions(+), 4 deletions(-)
 create mode 100644 template/static/images/layers.svg

diff --git a/template/index.html b/template/index.html
index 429db63..555a305 100644
--- a/template/index.html
+++ b/template/index.html
@@ -10,7 +10,7 @@
     <div class="wrapper d-flex vh-100" id="app" v-cloak>
         <div class="vh-100 overflow-auto border-right flex-shrink-0" style="width: 300px">
             <div class="mx-2 my-2">
-                <div class="mb-4">
+                <div class="mb-5">
                     <label class="nav-select d-block mb-1" v-for="filter in filters">
                         <input type="radio" name="filter" :value="filter.value" v-model="filterSelected">
                         <div class="nav-item d-flex align-items-center w-100">
@@ -21,6 +21,14 @@
                     </label>
                 </div>
                 <div>
+                    <label class="nav-select d-block mb-1">
+                        <input type="radio" name="feed" :value="null" v-model="feedSelected">
+                        <div class="nav-item d-flex align-items-center w-100">
+                            <img src="./static/images/layers.svg" alt="" class="nav-icon">
+                            <span class="flex-fill text-left text-truncate">All Feeds</span>
+                            <span class="counter text-right"></span>
+                        </div>
+                    </label>
                     <div v-for="folder in foldersWithFeeds">
                         <label class="nav-select d-block mb-1">
                             <input type="radio" name="feed" :value="'folder:'+folder.id" v-model="feedSelected">
@@ -61,9 +69,7 @@
                                 <small class="flex-fill text-truncate">{{feedsById[entry.feed_id].title}}</small>
                                 <small class="">{{formatDate(entry.date)}}</small>
                             </div>
-                            <span class="font-weight-bold">
-                                {{entry.title}}
-                            </span>
+                            <span>{{entry.title}}</span>
                         </div>
                     </div>
                 </label>
diff --git a/template/static/images/layers.svg b/template/static/images/layers.svg
new file mode 100644
index 0000000..ea788c2
--- /dev/null
+++ b/template/static/images/layers.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layers"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg>
\ No newline at end of file
diff --git a/template/static/javascripts/app.js b/template/static/javascripts/app.js
index 149c1c2..a595917 100644
--- a/template/static/javascripts/app.js
+++ b/template/static/javascripts/app.js
@@ -59,6 +59,7 @@ new Vue({
   },
   watch: {
     'feedSelected': function(newVal, oldVal) {
+      if (newVal === null) return
       var parts = newVal.split(':', 2)
       var type = parts[0]
       var guid = parts[1]