Redesigned the question tag filtering & navigation

sass/_discussion-questions.scss

@@ -4,74 +4,48 @@ 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;
     }
+
+    span.label {
+      color: #555;
     }
 
-  section.question-list-meta {
     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);
-      padding-top:8px;
-
-      ul.tags {
-        display: inline;
-        // float: left;
-
-        li {
-          span.delete-icon, div.delete-icon {
-            @include border-radius(0 4px 4px 0);
-            background: #555;
-            color: #eee;
-            cursor: pointer;
-            float: none;
-            left: 10px;
-            padding: 3px 6px;
-            position: relative;
-            top: 1px;
-            opacity: 0.5;
-
-            &:hover {
-              opacity: 1;
-            }
-          }
-        }
-      }
-    }
-  }
-  section.question-sort-filter {
-    font-size: 16px;
 
-    span.label {
-      color: #555;
-    }
+    div.question-sort {
+      float: right;
+      margin-left: flex-gutter();
+      // width: flex-grid(3,9);
 
-    div.question-filter {
-      margin-right: flex-gutter(9);
+      // @media screen and (max-width: 1300px) {
+      //   width: 100%;
+      // }
 
-      ul.scope-filters {
+      nav {
         @extend .action-link;
+        float: right;
 
-        li {
-          display: inline;
+        // @media screen and (max-width: 1300px) {
+        //   float: left;
+        // }
 
         a {
-            &.on {
+          &.on span{
             font-weight: bold;
           }
 
@@ -85,31 +59,46 @@ div.question-list-header {
     }
   }
 
-    div.question-sort {
-      margin-left: flex-gutter();
-      float: right;
+  section.question-tags-list {
+    display: block;
+    min-height: 40px;
+    overflow: hidden;
+    width: 100%;
 
-      nav {
-        @extend .action-link;
+    div.tags-list {
+      padding-top:8px;
+      display: inline-block;
+      float: left;
 
-        a {
-          &.on span{
-            font-weight: bold;
-          }
+      ul.tags {
+        display: inline;
 
-          &:before {
-            content: '|';
-            color: darken(#F6EFD4, 10%);
-            font-size: 22px;
+        li {
+          span.delete-icon, div.delete-icon {
+            @include border-radius(0 4px 4px 0);
+            background: #555;
+            color: #eee;
+            cursor: pointer;
+            float: none;
+            display: inline;
+            clear: none;
+            left: 10px;
+            padding: 3px 6px;
+            position: relative;
+            top: 1px;
+            opacity: 0.5;
+
+            &:hover {
+              opacity: 1;
+            }
           }
         }
       }
     }
   }
-
 }
 
-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 {
 }