From 1c2233878fd9a40263de62b4b31d3188abe35811 Mon Sep 17 00:00:00 2001
From: Justin DiRose <justin@justindirose.com>
Date: Mon, 18 Nov 2019 15:48:49 -0600
Subject: [PATCH] UX: Fix topic overflow on mobile

---
 assets/stylesheets/mobile/knowledge-explorer.scss | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/assets/stylesheets/mobile/knowledge-explorer.scss b/assets/stylesheets/mobile/knowledge-explorer.scss
index 0254c15..44c32b9 100644
--- a/assets/stylesheets/mobile/knowledge-explorer.scss
+++ b/assets/stylesheets/mobile/knowledge-explorer.scss
@@ -1,10 +1,5 @@
 .mobile-view {
   .knowledge-explorer {
-    .knowledge-explorer-topic {
-      width: calc(100vw - 0.75em);
-      margin: 0.625em 0;
-    }
-
     .knowledge-explorer-search-wrapper {
       display: flex;
       justify-content: center;
@@ -29,6 +24,15 @@
       .knowledge-explorer-topic-list {
         flex-basis: 100%;
       }
+      .knowledge-explorer-topic-link {
+        padding-right: 0.25em;
+      }
+      .loading-container {
+        padding: .625em 0;
+      }
+      .knowledge-explorer-topic {
+        width: calc(100vw - 20px);
+      }
     }
   }