Redesigned the question tag filtering & navigation

sass/_discussion-questions.scss

@@ -4,34 +4,74 @@ div.question-list-header {
   overflow: hidden;
   width: flex-grid(9,9);
 
-  section.question-list-meta, section.question-sort-filter {
+  section.question-list-meta  {
     display: block;
     overflow: hidden;
     width: 100%;
 
     div {
-      display: inline;
+      display: inline-block;
       float: left;
     }
-  }
 
-  section.question-list-meta {
+    span.label {
+      color: #555;
+    }
+
     div.question-list-title {
       margin-right: flex-gutter();
-      // width: flex-grid(3,9);
 
       h1 {
         margin-top: 0;
       }
     }
 
-    div.question-list-tags {
-      // width: flex-grid(6,9);
+
+    div.question-sort {
+      float: right;
+      margin-left: flex-gutter();
+      // width: flex-grid(3,9);
+
+      // @media screen and (max-width: 1300px) {
+      //   width: 100%;
+      // }
+
+      nav {
+        @extend .action-link;
+        float: right;
+
+        // @media screen and (max-width: 1300px) {
+        //   float: left;
+        // }
+
+        a {
+          &.on span{
+            font-weight: bold;
+          }
+
+          &:before {
+            content: '|';
+            color: darken(#F6EFD4, 10%);
+            font-size: 22px;
+          }
+        }
+      }
+    }
+  }
+
+  section.question-tags-list {
+    display: block;
+    min-height: 40px;
+    overflow: hidden;
+    width: 100%;
+
+    div.tags-list {
       padding-top:8px;
+      display: inline-block;
+      float: left;
 
       ul.tags {
         display: inline;
-        // float: left;
 
         li {
           span.delete-icon, div.delete-icon {
@@ -40,6 +80,8 @@ div.question-list-header {
             color: #eee;
             cursor: pointer;
             float: none;
+            display: inline;
+            clear: none;
             left: 10px;
             padding: 3px 6px;
             position: relative;
@@ -54,62 +96,9 @@ div.question-list-header {
       }
     }
   }
-  section.question-sort-filter {
-    font-size: 16px;
-
-    span.label {
-      color: #555;
-    }
-
-    div.question-filter {
-      margin-right: flex-gutter(9);
-
-      ul.scope-filters {
-        @extend .action-link;
-
-        li {
-          display: inline;
-
-          a {
-            &.on {
-              font-weight: bold;
-            }
-
-            &:before {
-              content: '|';
-              color: darken(#F6EFD4, 10%);
-              font-size: 22px;
-            }
-          }
-        }
-      }
-    }
-
-    div.question-sort {
-      margin-left: flex-gutter();
-      float: right;
-
-      nav {
-        @extend .action-link;
-
-        a {
-          &.on span{
-            font-weight: bold;
-          }
-
-          &:before {
-            content: '|';
-            color: darken(#F6EFD4, 10%);
-            font-size: 22px;
-          }
-        }
-      }
-    }
-  }
-
 }
 
-ul.question-list {
+ul.question-list, div#question-list {
   width: flex-grid(9,9);
 
   li.single-question {
@@ -208,9 +197,5 @@ ul.question-list {
   }
 }
 
-div.search-tips {
-  display: block;
-}
-
 .search-result-summary {
 }