diff options
| -rw-r--r-- | src/components/user_reporting_modal/user_reporting_modal.vue | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/src/components/user_reporting_modal/user_reporting_modal.vue b/src/components/user_reporting_modal/user_reporting_modal.vue index b2cb6911..becf882a 100644 --- a/src/components/user_reporting_modal/user_reporting_modal.vue +++ b/src/components/user_reporting_modal/user_reporting_modal.vue @@ -1,7 +1,9 @@ <template> <div class="modal-view" @click="closeModal" v-if="isOpen"> <div class="user-reporting-panel panel" @click.stop=""> - <div class="panel-heading">{{$t('user_reporting.title', [user.screen_name])}}</div> + <div class="panel-heading"> + <div class="title">{{$t('user_reporting.title', [user.screen_name])}}</div> + </div> <div class="panel-body"> <div class="user-reporting-panel-left"> <div> @@ -47,12 +49,17 @@ min-height: 20vh; max-height: 80vh; + .panel-heading { + text-align: center; + } + .panel-body { display: flex; flex-direction: column-reverse; border-top: 1px solid; border-color: $fallback--border; border-color: var(--border, $fallback--border); + overflow: hidden; } &-left { |