From 4cf2f5d98a1ae1b8bb3f587bf04f9347280384e0 Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Mon, 23 Dec 2024 11:17:23 +0800
Subject: [PATCH] UX: fix misalignment + remove border-radius of topic progress
 element (#30427)

---
 app/assets/stylesheets/common/base/topic-footer.scss | 2 --
 app/assets/stylesheets/mobile/topic-footer.scss      | 8 ++++----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/common/base/topic-footer.scss b/app/assets/stylesheets/common/base/topic-footer.scss
index abb6e7e0d97..5f42ee6636c 100644
--- a/app/assets/stylesheets/common/base/topic-footer.scss
+++ b/app/assets/stylesheets/common/base/topic-footer.scss
@@ -59,8 +59,6 @@
   z-index: z("timeline");
   display: flex;
   justify-content: flex-end;
-
-  border-radius: var(--d-border-radius);
   overflow: hidden;
 
   .btn {
diff --git a/app/assets/stylesheets/mobile/topic-footer.scss b/app/assets/stylesheets/mobile/topic-footer.scss
index 0eea67aaff3..eb07760625c 100644
--- a/app/assets/stylesheets/mobile/topic-footer.scss
+++ b/app/assets/stylesheets/mobile/topic-footer.scss
@@ -9,10 +9,10 @@ html:not(.anon) #topic-footer-buttons {
     justify-content: space-between;
     gap: 0.75rem;
 
-    button,
-    .topic-notifications-button,
-    .pinned-button {
-      font-size: var(--font-up-1);
+    .btn,
+    .topic-notifications-button .btn,
+    .pinned-button .btn {
+      font-size: var(--font-up-1-rem);
     }
 
     &__actions {