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 @@

{{ $t(isMute ? 'user_card.expire_mute_message' : 'user_card.expire_block_message', [user.screen_name]) }}

-

+

{{ $t('user_card.expire_in') }} - - - {{ $t('time.unit.seconds_suffix') }} - - - - - + + + + + + {{ $t('user_card.mute_or') }} @@ -64,7 +66,7 @@ > {{ $t('user_card.mute_block_never') }} -

+