From 300289af60f8f862d9fcb9837ab9929cfd1f5fd8 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 18 May 2026 17:16:45 +0300
Subject: [PATCH] fix modal confiirmation styles

---
 .../user_timed_filter_modal.scss              | 11 +++
 .../user_timed_filter_modal.vue               | 82 ++++++++++---------
 2 files changed, 53 insertions(+), 40 deletions(-)

diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.scss b/src/components/user_timed_filter_modal/user_timed_filter_modal.scss
index 24388868f..961656442 100644
--- a/src/components/user_timed_filter_modal/user_timed_filter_modal.scss
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.scss
@@ -10,4 +10,15 @@
   .footer-left-checkbox {
     width: max-content;
   }
+
+  .expirationTime {
+    display: inline-flex;
+    white-space: nowrap;
+    padding: 0.5em;
+  }
+
+  .dialog-modal-content .checkbox {
+    vertical-align: middle;
+    padding: 0.5em;
+  }
 }
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.vue b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
index 91c05ad77..0ccf2812c 100644
--- a/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
@@ -11,48 +11,50 @@
     <p>
       {{ $t(isMute ? 'user_card.expire_mute_message' : 'user_card.expire_block_message', [user.screen_name]) }}
     </p>
-    <p>
+    <div>
       {{ $t('user_card.expire_in') }}
-      <input
-        id="userFilterExpires"
-        v-model="expiration"
-        class="input input-expire-in"
-        :class="{ disabled: forever }"
-        :disabled="forever"
-        min="1"
-        type="number"
-      >
-      <Select
-        id="userFilterExpiresUnit"
-        v-model="expirationUnit"
-        class="input unit-input unstyled"
-        :disabled="forever"
-      >
-        <option
-          key="s"
-          value="s"
+      <span class="expirationTime">
+        <input
+          id="userFilterExpires"
+          v-model="expiration"
+          class="input input-expire-in"
+          :class="{ disabled: forever }"
+          :disabled="forever"
+          min="1"
+          type="number"
         >
-          {{ $t('time.unit.seconds_suffix') }}
-        </option>
-        <option
-          key="m"
-          value="m"
+        <Select
+          id="userFilterExpiresUnit"
+          v-model="expirationUnit"
+          class="input unit-input unstyled"
+          :disabled="forever"
         >
-          {{ $t('time.unit.minutes_suffix') }}
-        </option>
-        <option
-          key="h"
-          value="h"
-        >
-          {{ $t('time.unit.hours_suffix') }}
-        </option>
-        <option
-          key="d"
-          value="d"
-        >
-          {{ $t('time.unit.days_suffix') }}
-        </option>
-      </Select>
+          <option
+            key="s"
+            value="s"
+          >
+            {{ $t('time.unit.seconds_suffix') }}
+          </option>
+          <option
+            key="m"
+            value="m"
+          >
+            {{ $t('time.unit.minutes_suffix') }}
+          </option>
+          <option
+            key="h"
+            value="h"
+          >
+            {{ $t('time.unit.hours_suffix') }}
+          </option>
+          <option
+            key="d"
+            value="d"
+          >
+            {{ $t('time.unit.days_suffix') }}
+          </option>
+        </Select>
+      </span>
 
       {{ $t('user_card.mute_or') }}
 
@@ -64,7 +66,7 @@
       >
         {{ $t('user_card.mute_block_never') }}
       </Checkbox>
-    </p>
+    </div>
 
     <template #footerLeft>
       <div class="footer-left-checkbox">