From 78089122e074b8b95704b14c276956e6c44439d1 Mon Sep 17 00:00:00 2001
From: Nazar Kanaev <nkanaev@live.com>
Date: Sun, 26 Jul 2020 23:04:23 +0100
Subject: [PATCH] show only relevant feeds if filter is selected

---
 template/index.html                 | 3 ++-
 template/static/stylesheets/app.css | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/template/index.html b/template/index.html
index 93a953f..b86e70f 100644
--- a/template/index.html
+++ b/template/index.html
@@ -46,7 +46,7 @@
                     </div>
                 </label>
                 <div v-for="folder in foldersWithFeeds">
-                    <label class="selectgroup mt-1">
+                    <label class="selectgroup mt-1" :class="{'d-none': filterSelected && !filteredFolderStats[folder.id]}">
                         <input type="radio" name="feed" :value="'folder:'+folder.id" v-model="feedSelected">
                         <div class="selectgroup-label d-flex align-items-center w-100" v-if="folder.id">
                             <span class="icon mr-2"
@@ -60,6 +60,7 @@
                     </label>
                     <div v-show="!folder.id || folder.is_expanded" class="mt-1" :class="{'pl-3': folder.id}">
                         <label class="selectgroup"
+                               :class="{'d-none': filterSelected && !filteredFeedStats[feed.id]}"
                                v-for="feed in folder.feeds">
                             <input type="radio" name="feed" :value="'feed:'+feed.id" v-model="feedSelected">
                             <div class="selectgroup-label d-flex align-items-center w-100">
diff --git a/template/static/stylesheets/app.css b/template/static/stylesheets/app.css
index 0c214bd..d08ca4c 100644
--- a/template/static/stylesheets/app.css
+++ b/template/static/stylesheets/app.css
@@ -121,7 +121,8 @@ select.form-control:not([multiple]):not([size]) {
 }
 
 .counter {
-  max-width: 100px;
+  padding-left: .5rem;
+  opacity: .6;
 }
 
 .selectgroup {