FIX: Fix mobile issues (discourse#36)

vatsimnetwork · Aug 30, 2023 · 70ab413 · 70ab413
1 parent cc606b5
commit 70ab413
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 1 deletion.
diff --git 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
@@ -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;
+}