From 70ab413301b15a7ad54dc3f760bcb6f054a3d91e Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <30537603+jordanvidrine@users.noreply.github.com>
Date: Wed, 30 Aug 2023 05:36:17 -0500
Subject: [PATCH] FIX: Fix mobile issues (#36)

---
 common/common.scss |  4 ++++
 mobile/mobile.scss | 32 +++++++++++++++++++++++++++++++-
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/common/common.scss b/common/common.scss
index f862fa8..d3adb53 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -109,6 +109,10 @@
   }
 }
 
+.discourse-tags {
+  gap: 0.5em;
+}
+
 .discourse-tag {
   font-size: $font-down-1;
   border-radius: 0.25em;
diff --git a/mobile/mobile.scss b/mobile/mobile.scss
index f111531..7b9ae34 100644
--- a/mobile/mobile.scss
+++ b/mobile/mobile.scss
@@ -84,7 +84,6 @@ ol.category-breadcrumb {
 
 .topic-list .topic-list-data {
   padding: 1em 1em 0 1em;
-  width: calc(100% - 2em);
   max-width: unset;
 }
 
@@ -146,3 +145,34 @@ ol.category-breadcrumb {
   border: 1px solid rgba(var(--primary-rgb), 0.1);
   margin-bottom: 1em;
 }
+
+.topic-list .topic-item-stats {
+  flex-wrap: wrap;
+}
+
+.topic-list-item .discourse-tags {
+  order: 3;
+  width: 100%;
+  margin-top: 0.5em;
+}
+
+.full-width .contents .topic-list .topic-list-item .posts-map {
+  padding: 0;
+  .number {
+    margin: 0;
+  }
+}
+
+.full-width
+  .contents
+  .topic-list
+  .topic-list-body
+  .topic-list-item
+  .topic-list-data.posts {
+  width: unset;
+}
+
+.topic-list .topic-list-header .topic-list-data,
+.topic-list .topic-list-item .topic-list-data {
+  padding: 15px;
+}