From a1d795baaaf940819241ac794c7af209d0b4667e Mon Sep 17 00:00:00 2001
From: Frederic Guillot <fred@kanboard.net>
Date: Thu, 24 Mar 2016 21:46:54 -0400
Subject: Improve view switcher design

---
 assets/css/src/filters.css |  5 +++--
 assets/css/src/views.css   | 18 +++++++++++++++---
 2 files changed, 18 insertions(+), 5 deletions(-)

(limited to 'assets/css/src')

diff --git a/assets/css/src/filters.css b/assets/css/src/filters.css
index 0e0a35e7..c736787e 100644
--- a/assets/css/src/filters.css
+++ b/assets/css/src/filters.css
@@ -22,7 +22,7 @@
     margin: 0;
     font-size: 16px;
     height: 26px;
-    border-color: #dedede;
+    border-color: #ddd;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     vertical-align: top;
@@ -36,9 +36,10 @@
 }
 
 .filter-box div.dropdown {
+    background: #fafafa;
     display: inline-block;
     font-size: 16px;
-    border: 1px solid #dedede;
+    border: 1px solid #ddd;
     border-left: none;
     margin: 0;
     padding: 0;
diff --git a/assets/css/src/views.css b/assets/css/src/views.css
index 191b30c6..d923c230 100644
--- a/assets/css/src/views.css
+++ b/assets/css/src/views.css
@@ -6,7 +6,10 @@
 }
 
 .views li {
-    border: 1px solid #eee;
+    background: #fafafa;
+    border-left: 1px solid #ddd;
+    border-top: 1px solid #ddd;
+    border-bottom: 1px solid #ddd;
     padding-left: 8px;
     padding-right: 8px;
     padding-top: 5px;
@@ -14,6 +17,16 @@
     display: inline;
 }
 
+.views a {
+    color: #555;
+    text-decoration: none;
+}
+
+.views a:hover {
+    color: #333;
+    text-decoration: underline;
+}
+
 .menu-inline li.active a,
 .views li.active a {
     font-weight: bold;
@@ -22,13 +35,12 @@
 }
 
 .views li:first-child {
-    border-right: none;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
 }
 
 .views li:last-child {
-    border-left: none;
+    border-right: 1px solid #ddd;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
 }
-- 
cgit v1.2.3