FIX: Multiple fixes

common/common.scss

@@ -31,8 +31,12 @@
       color: var(--primary);
     }
   }
+  .search-menu .search-input {
+    border-color: var(--tertiary-hover);
+    outline: 1px solid var(--tertiary-hover);
+  }
   .results {
-    top: 28px;
+    top: 43px;
     border-radius: 0.25em;
   }
   .search-context {
@@ -41,6 +45,10 @@
   }
 }
 
+.search-input {
+  border-radius: 0.25em;
+}
+
 .display-search-banner {
   #main-outlet {
     padding-top: 2em;
@@ -268,36 +276,36 @@ html body #main-outlet {
   border-collapse: separate;
   border-spacing: 0 0.25em;
   display: contents;
-  thead {
+  .topic-list-header {
     tr {
       display: flex;
       border-bottom: none;
     }
     display: contents;
-    th.default {
+    .topic-list-data.default {
       width: 63%;
     }
-    th.posters {
+    .topic-list-data.posters {
       width: 7%;
     }
-    th.posts {
+    .topic-list-data.posts {
       width: 15%;
     }
-    th.activity {
+    .topic-list-data.activity {
       width: 15%;
     }
   }
-  tbody {
+  .topic-list-body {
     display: contents;
-    tr.topic-list-item-separator {
+    .topic-list-item-separator {
       width: 100%;
       margin: 0.75em 0;
       display: flex;
-      td {
+      .topic-list-data {
         width: 100%;
       }
     }
-    tr:not(.topic-list-item-separator) {
+    .topic-list-item {
       width: 100%;
       display: flex;
       margin-bottom: .5em;
@@ -328,11 +336,11 @@ html body #main-outlet {
           color: var(--primary) !important;
         }
       }
-      td.main-link {
+      .topic-list-data.main-link {
         width: 63%;
         order: 2;
       }
-      td.posters {
+      .topic-list-data.posters {
         width: 7%;
         order: 1;
         height: auto;
@@ -343,14 +351,14 @@ html body #main-outlet {
           display: none
         }
       }
-      td.posts {
+      .topic-list-data.posts {
         width: 15%;
         order: 3;
         display: flex;
         justify-content: center;
         align-items: center;
       }
-      td.age {
+      .topic-list-data.age {
         width: 15%;
         order: 4;
         display: flex;
@@ -361,7 +369,7 @@ html body #main-outlet {
   }
 }
 
-td.num.views, th.num.views {
+.topic-list-data.num.views {
   display: none;
 }
 

mobile/mobile.scss

@@ -103,3 +103,10 @@ ol.category-breadcrumb {
   margin-left: -0.5em;
   padding: 0 0.5em;
 }
+
+.tag-groups-container {
+  background: var(--secondary);
+  padding: 2em 1em;
+  border-radius: 0.25em;
+  margin-top: 1em;
+}