From 01cc7e448093cf8884610a96c7aeb89fb08c7307 Mon Sep 17 00:00:00 2001
From: taehoon <th.dev91@gmail.com>
Date: Thu, 28 Mar 2019 13:48:13 -0400
Subject: [PATCH] modal style improvements

---
 .../user_reporting_modal/user_reporting_modal.vue        | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

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 {