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

assets/css/app.css

@@ -37,10 +37,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 {
@@ -67,7 +68,18 @@ hr {
 .avatar {
     float: left;
     margin-right: 10px;
-}/* links */
+}
+
+.views {
+    display: inline-block;
+}
+
+.views li.active a {
+    font-weight: bold;
+    color: #000;
+    text-decoration: none;
+}
+/* links */
 a {
     color: #3366CC;
     border: none;
@@ -717,7 +729,7 @@ nav .active a {
 
 /* page header */
 .page-header {
-    margin-bottom: 25px;
+    margin-bottom: 20px;
 }
 
 .page-header h2 {
@@ -748,6 +760,10 @@ nav .active a {
     font-size: 0.9em;
 }
 
+.page-header form {
+    display: inline;
+}
+
 @media only screen and (max-width: 640px) {
 
     .page-header-mobile li {
@@ -755,15 +771,6 @@ nav .active a {
         margin-bottom: 5px;
     }
 }
-/* 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;
@@ -1603,6 +1610,12 @@ span.task-board-date-overdue {
     padding-right: 10px;
 }
 
+.page-header div.dropdown {
+    font-size: 0.9em;
+    padding-right: 10px;
+}
+
+.page-header div.dropdown,
 .page-header ul.dropdown {
     display: inline;
 }