Refactoring to implement new layout with filters: board/calendar/list views (work in progress)

4 files changed, 26 insertions, 14 deletions

diff --git a/assets/css/src/base.css b/assets/css/src/base.css
index 10a3ee8e..fabe4f82 100644
--- a/assets/css/src/base.css
+++ b/assets/css/src/base.css
@@ -20,10 +20,11 @@ body {
     padding-bottom: 20px;
     color: #333;
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    font-smoothing: antialiased;
     text-rendering: optimizeLegibility;
-    -webkit-text-size-adjust: 100%;
+}
+
+.page {
+    clear: both;
 }
 
 ul.no-bullet li {
@@ -50,4 +51,14 @@ hr {
 .avatar {
     float: left;
     margin-right: 10px;
-}
\ No newline at end of file
+}
+
+.views {
+    display: inline-block;
+}
+
+.views li.active a {
+    font-weight: bold;
+    color: #000;
+    text-decoration: none;
+}
diff --git a/assets/css/src/board.css b/assets/css/src/board.css
index 5a303969..ca4ba5c0 100644
--- a/assets/css/src/board.css
+++ b/assets/css/src/board.css
@@ -1,12 +1,3 @@
-/* board filters */
-.board-filters {
-    font-size: 0.95em;
-}
-
-#more-filters {
-    display: none; /* Hide this filter initially, to avoid re-layout */
-}
-
 /* public board */
 .public-board {
     margin-top: 5px;
diff --git a/assets/css/src/dropdown.css b/assets/css/src/dropdown.css
index 2b9f9044..4ddcbf29 100644
--- a/assets/css/src/dropdown.css
+++ b/assets/css/src/dropdown.css
@@ -36,6 +36,12 @@
     padding-right: 10px;
 }
 
+.page-header div.dropdown {
+    font-size: 0.9em;
+    padding-right: 10px;
+}
+
+.page-header div.dropdown,
 .page-header ul.dropdown {
     display: inline;
 }
diff --git a/assets/css/src/header.css b/assets/css/src/header.css
index c7bb6843..95320842 100644
--- a/assets/css/src/header.css
+++ b/assets/css/src/header.css
@@ -66,7 +66,7 @@ nav .active a {
 
 /* page header */
 .page-header {
-    margin-bottom: 25px;
+    margin-bottom: 20px;
 }
 
 .page-header h2 {
@@ -97,6 +97,10 @@ nav .active a {
     font-size: 0.9em;
 }
 
+.page-header form {
+    display: inline;
+}
+
 @media only screen and (max-width: 640px) {
 
     .page-header-mobile li {