From b01eb12a6c300583d95a21ecf67d68e5b4956774 Mon Sep 17 00:00:00 2001
From: Frederic Guillot <fred@kanboard.net>
Date: Sat, 4 Jul 2015 13:06:35 -0400
Subject: Improve view mode switcher

---
 assets/css/app.css         | 38 ++++++++++++++++++++++++++++----------
 assets/css/src/base.css    | 10 ----------
 assets/css/src/filters.css | 29 +++++++++++++++++++++++++++++
 3 files changed, 57 insertions(+), 20 deletions(-)
 create mode 100644 assets/css/src/filters.css

(limited to 'assets')

diff --git a/assets/css/app.css b/assets/css/app.css
index 508417fe..87e7e3cc 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -69,16 +69,6 @@ hr {
     float: left;
     margin-right: 10px;
 }
-
-.views {
-    display: inline-block;
-}
-
-.views li.active a {
-    font-weight: bold;
-    color: #000;
-    text-decoration: none;
-}
 /* links */
 a {
     color: #3366CC;
@@ -1641,4 +1631,32 @@ td li.dropit-trigger {
 
 #screenshot-zone.screenshot-pasted {
     border: 2px solid #333;
+}.views {
+    display: inline-block;
+}
+
+.views li {
+    border: 1px solid #eee;
+    padding-left: 12px;
+    padding-right: 12px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+
+.views li.active a {
+    font-weight: bold;
+    color: #000;
+    text-decoration: none;
+}
+
+.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-top-right-radius: 5px;
+    border-bottom-right-radius: 5px;
 }
\ No newline at end of file
diff --git a/assets/css/src/base.css b/assets/css/src/base.css
index fabe4f82..3b231d07 100644
--- a/assets/css/src/base.css
+++ b/assets/css/src/base.css
@@ -52,13 +52,3 @@ hr {
     float: left;
     margin-right: 10px;
 }
-
-.views {
-    display: inline-block;
-}
-
-.views li.active a {
-    font-weight: bold;
-    color: #000;
-    text-decoration: none;
-}
diff --git a/assets/css/src/filters.css b/assets/css/src/filters.css
new file mode 100644
index 00000000..2bfd500b
--- /dev/null
+++ b/assets/css/src/filters.css
@@ -0,0 +1,29 @@
+.views {
+    display: inline-block;
+}
+
+.views li {
+    border: 1px solid #eee;
+    padding-left: 12px;
+    padding-right: 12px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+
+.views li.active a {
+    font-weight: bold;
+    color: #000;
+    text-decoration: none;
+}
+
+.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-top-right-radius: 5px;
+    border-bottom-right-radius: 5px;
+}
\ No newline at end of file
-- 
cgit v1.2.3