design tweaks

template/static/javascripts/app.js

@@ -1,11 +1,5 @@
 'use strict';
 
-var FILTERS = [
-  {'title': 'All', 'value': 'all', 'icon': 'circle-full'},
-  {'title': 'Unread', 'value': 'unread', 'icon': 'circle'},
-  {'title': 'Starred', 'value': 'starred', 'icon': 'star'},
-]
-
 var vm = new Vue({
   el: '#app',
   created: function() {
@@ -13,7 +7,6 @@ var vm = new Vue({
   },
   data: function() {
     return {
-      'filters': FILTERS,
       'filterSelected': 'all',
       'folders': [],
       'feeds': [],

template/static/stylesheets/app.css

@@ -56,7 +56,7 @@ select.form-control:not([multiple]):not([size]) {
 }
 
 .menu-item {
-  padding: .375rem .75rem;
+  padding: .375rem .5rem;
 }
 
 .menu-item, .feed-item {
@@ -65,6 +65,8 @@ select.form-control:not([multiple]):not([size]) {
 
 .nav-select {
   position: relative;
+  display: block;
+  margin-bottom: 0;
 }
 
 .nav-select input {
@@ -74,6 +76,10 @@ select.form-control:not([multiple]):not([size]) {
   top: 0; left: 0;
 }
 
+.nav-select + .nav-select {
+  margin-top: .25rem;
+}
+
 .menu-item:hover, .feed-item:hover {
   background-color: #f8f9fa;
   cursor: pointer;