ネームカードUI修正

public_new/css/chat.css

@@ -844,7 +844,10 @@ input[name="tab_item"] {
 }
 }
 /*************************** ネームカード *************************/
 /*************************** ネームカード *************************/
   .prifile_name {
   .prifile_name {
-    line-height: 50px;
-    margin-left: 10px;
+    padding-top: 20px;
+    padding-bottom: 20px;
+    line-height: 1.2;
     font-size: 16px;
     font-size: 16px;
+    margin-left: auto;
+    margin-right: auto;
   }
   }
\ No newline at end of file

public_new/css/common.css

@@ -152,16 +152,17 @@ main {
 }
 }
 
 
 .profile_modal #userNameCard-scroll {
 .profile_modal #userNameCard-scroll {
-    height: 200px;
-    overflow: auto;
+    height: 150px;
+    overflow: scroll;
     padding-top: 0rem;
     padding-top: 0rem;
-    padding-right: 0rem;
+    padding-right: 1rem;
     margin-top: 1rem;
     margin-top: 1rem;
 }
 }
+.profile_modal .modal-header { display: table; }
 .profile_modal .modal-header,.profile_modal .modal-body { padding-bottom: 0; }
 .profile_modal .modal-header,.profile_modal .modal-body { padding-bottom: 0; }
-.profile_modal .modal-footer button { width: 33%; padding: 5px;}
-.profile_modal.w_50 .modal-footer button { width: 50%; padding: 5px;}
-.profile_modal .modal-header .profile_desc{ width: 100%;}
+.profile_modal .modal-footer button { width: 33%; padding: 5px; }
+.profile_modal.w_50 .modal-footer button { width: 50%; padding: 5px; }
+.profile_modal .modal-header .profile_desc{ width: 100%; }
 .profile_modal .modal-header .profile_name {
 .profile_modal .modal-header .profile_name {
   width: 100%;
   width: 100%;
   text-align: center;
   text-align: center;

public_new/template/template_user_name_card.html

@@ -2,13 +2,13 @@
   <div class="modal-dialog modal-dialog-centered" role="document">
   <div class="modal-dialog modal-dialog-centered" role="document">
     <div class="modal-content">
     <div class="modal-content">
       <div class="modal-header border-0">
       <div class="modal-header border-0">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
         <div class="prifile_desc d-flex flex-row">
         <div class="prifile_desc d-flex flex-row">
           <img src="{{profileUrl}}" onError="this.src='./img/noImage.png'"/>
           <img src="{{profileUrl}}" onError="this.src='./img/noImage.png'"/>
           <div class="prifile_name"><span>{{name}}</span></div>
           <div class="prifile_name"><span>{{name}}</span></div>
         </div>
         </div>
-        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-          <span aria-hidden="true">&times;</span>
-        </button>
       </div>
       </div>
       <div class="modal-body" id="userNameCard-scroll">
       <div class="modal-body" id="userNameCard-scroll">
         {{#groupPathList}}
         {{#groupPathList}}