Fix filter list layout in brutstrap

brutaldon/static/css/brutstrap-tweaks.css

@@ -105,26 +105,26 @@ img.emoji
 }
 
 .modal {
-	  -webkit-box-align: center;
-	  -ms-flex-align: center;
-	  align-items: center;
-	  display: none;
-	  -webkit-box-pack: center;
-	  -ms-flex-pack: center;
-	  justify-content: center;
-	  overflow: hidden;
-	  position: fixed;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    display: none;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    overflow: hidden;
+    position: fixed;
     z-index: 40;
 }
 .modal-background {
-	  position: absolute;
-	  background-color: rgba(10,10,10,.86);
+    position: absolute;
+    background-color: rgba(10,10,10,.86);
 }
 .modal, .modal-background {
-	  bottom: 0;
-	  left: 0;
-	  right: 0;
-	  top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    top: 0;
 }
 
 .modal-content
@@ -139,7 +139,7 @@ img.emoji
 }
 
 .modal.is-active {
-	  display: flex;
+    display: flex;
 }
 
 .card
@@ -237,13 +237,13 @@ img.emoji
 }
 
 #username_autocomplete div.tooltip::after {
-	  content: attr(data-tooltip);
-	  font-size: 0.6em;
-	  margin-left: 1em;
-	  margin-right: 1em;
-	  border: 1pt solid #444;
-	  background-color: #FFF;
-	  padding: 0.2em;
+    content: attr(data-tooltip);
+    font-size: 0.6em;
+    margin-left: 1em;
+    margin-right: 1em;
+    border: 1pt solid #444;
+    background-color: #FFF;
+    padding: 0.2em;
 }
 
 /* Remaining brutaldon-specific tweaks */
@@ -308,9 +308,9 @@ img.fav-avatar {
 }
 
 .attachments figure {
-	  border: 0.2ex solid #444;
-	  max-width: 256px;
-	  padding: 1em;
+    border: 0.2ex solid #444;
+    max-width: 256px;
+    padding: 1em;
 }
 
 figure.level-item > video
@@ -319,6 +319,18 @@ figure.level-item > video
     max-width: 256px;
 }
 
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+td, th
+{
+    padding: 0.25em;
+    border: 1px solid #444;
+}
+
+td.empty-cell, th.empty-cell { border: none; }
+
 @media screen and (max-width: 768px) {
     .box {
         max-width: 90%;

brutaldon/templates/filters/list.html

@@ -12,7 +12,7 @@
                     <th>Filter contexts</th>
                     <th></th>
                     <th></th>
-                    <th></th>
+                    <th class="empty-cell"></th>
             </thead>
             <tbody>
                 {% for filter in filters %}
@@ -39,7 +39,7 @@
                                 <span class="fa fa-times"></span>
                                 Delete filter
                         </td>
-                        <td>
+                        <td class="empty-cell">
                             <i id="filter-spinner-{{filter.id}}"
                                class="fa fa-spinner fa-spin"
                                style="display:none"></i>