Improve view switcher design

2 files changed, 18 insertions, 5 deletions

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;
 }