From 95b06f359c5741bf313a4a5c3031e15a4045af06 Mon Sep 17 00:00:00 2001
From: William McKinnerney <git@williammck.net>
Date: Wed, 29 May 2024 17:49:27 -0500
Subject: [PATCH] Work with new theme version, couple more fixes

---
 scss/vatsim/_mobile-categories.scss | 46 +++++++++++++++++++++--------
 1 file changed, 34 insertions(+), 12 deletions(-)

diff --git a/scss/vatsim/_mobile-categories.scss b/scss/vatsim/_mobile-categories.scss
index eb587ff8..dec9f4a1 100644
--- a/scss/vatsim/_mobile-categories.scss
+++ b/scss/vatsim/_mobile-categories.scss
@@ -1,20 +1,42 @@
 .mobile-view {
-  .subcategory-list {
+  // Remove background
+  .categories-list .list-controls {
+    background: none;
+    padding: 0;
+    border-radius: 0;
+  }
+
+  // Add a background to this
+  .subcategory-list .parent-category {
+    display: inline-block;
+    padding: 6px 12px;
+    background-color: var(--secondary);
+    border-radius: 0.5em;
+  }
+
+  .category-list-item.category {
+    // Style fixes
+    border-top: 0 !important;
+    border-bottom: 0 !important;
+    outline: 1px solid var(--secondary);
 
-    .parent-category {
-      display: inline-block;
-      padding: 6px 12px;
-      background-color: var(--secondary);
-      border-radius: 0.5em;
+    // Missing from category page
+    // Discourse mobile/topic-list.scss scopes these under .categories-list .category-list
+    tbody {
+      border-top: none;
     }
 
-    .category-list-item {
-      background-color: var(--secondary);
-      border-top: 0 !important;
-      border-bottom: 0 !important;
-      outline: 1px solid var(--secondary);
-      border-radius: 12px;
+    th {
+      padding: 10px 0 0;
     }
 
+    td {
+      padding: 12px 5px;
+      color: var(--primary-med-or-secondary-high);
+    }
+
+    td:first-of-type {
+      padding-left: 10px;
+    }
   }
 }