From b6db617017b2d425460b1925cfe4f5dbab9623a8 Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Wed, 19 Mar 2025 17:01:43 +0800
Subject: [PATCH] Mobile: New alert info width fix (#63)

---
 scss/main.scss | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/scss/main.scss b/scss/main.scss
index 99af443..910669c 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -89,15 +89,18 @@ body:not(.has-full-page-chat) {
   }
 }
 
-.list-container {
+#list-area {
   .show-more.has-topics {
-    right: 50%;
-    transform: translateX(50%);
+    @include breakpoint(medium, $rule: min-width) {
+      width: auto;
+      right: 50%;
+      transform: translateX(50%);
 
-    .alert {
-      padding: var(--spacing-block-sm) var(--spacing-inline-m);
-      border-radius: var(--d-border-radius-large);
-      font-size: var(--font-down-1-rem);
+      .alert {
+        padding: var(--spacing-block-sm) var(--spacing-inline-m);
+        border-radius: var(--d-border-radius-large);
+        font-size: var(--font-down-1-rem);
+      }
     }
   }
   .topic-list-body {