From f61d4305666be54ef3c3bea63f7393ecf96d26f8 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Thu, 6 May 2021 17:51:55 -0400
Subject: [PATCH] UX: Improve category controls on smallest devices (#12945)

---
 app/assets/stylesheets/common/base/_topic-list.scss | 13 +++++++++++++
 app/assets/stylesheets/mobile/topic-list.scss       |  4 ----
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/common/base/_topic-list.scss b/app/assets/stylesheets/common/base/_topic-list.scss
index 277d08e0e94..6b77077ae0f 100644
--- a/app/assets/stylesheets/common/base/_topic-list.scss
+++ b/app/assets/stylesheets/common/base/_topic-list.scss
@@ -81,6 +81,19 @@
     // need to reduce vertical padding for consistent height
     padding-top: 0.3em;
     padding-bottom: 0.3em;
+    @include breakpoint(mobile-medium) {
+      font-size: var(--font-down-1);
+    }
+  }
+  @include breakpoint(mobile-large) {
+    .edit-category {
+      .d-button-label {
+        display: none;
+      }
+      .d-icon {
+        margin: 0;
+      }
+    }
   }
 }
 
diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss
index 16fbdc5ed57..8fe40b772af 100644
--- a/app/assets/stylesheets/mobile/topic-list.scss
+++ b/app/assets/stylesheets/mobile/topic-list.scss
@@ -38,10 +38,6 @@
     }
   }
 
-  .navigation-controls {
-    margin-bottom: 0.667em;
-  }
-
   .nav-pills {
     display: flex;
     flex: 1 1 auto;