タブレットで協業ユーザー招待画面が正常に表示されるように修正

public_new/css/collaboration.css

@@ -22,6 +22,11 @@
   height: 100%;
 }
 
+.breadcrumb_item:not(:last-child):after {
+    content: ">";
+    margin: 0 5px;
+}
+
 /**************************** main *************************/
 #collabo_main {
   height: calc(100vh - 180px);
@@ -206,7 +211,9 @@
 #add_user_list .chat_item_ttl {
   font-weight: bold;
 }
-
+.modal_collaboration_user {
+  margin: 0px !important;
+}
 #add_user_list .user_item {
   height: 90px;
 }
@@ -451,7 +458,7 @@
 .add_user_modal {
     width: 80%;
     height: 80%;
-    left: 10%;
+    left: 12.5%;
     overflow: auto;
 }
 

public_new/modal_add_user_confirm.html

 <div class="modal fade add_user_confirm_modal" id="modalAddUserConfirm" tabindex="-1" role="dialog"
      aria-labelledby="modalAddUserConfirm" aria-hidden="true" style="position: fixed;">
-    <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-dialog modal-dialog-centered modal_collaboration_user" role="document">
         <div class="modal-content" style="position: fixed;height: 600px;width: 86%;">
             <div class="modal-header border-0 pb-0">
                 <span>ユーザー招待</span>

public_new/modal_add_user_list.html

 <!-- コンテンツ -->
 <div class="modal fade add_user_modal" id="addUserInCollaboration" tabindex="-1" role="dialog" aria-labelledby="addUserInCollaboration" aria-hidden="true">
-    <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-dialog modal-dialog-centered modal_collaboration_user" role="document">
         <div class="modal-content" style="position: fixed;width: 75.5%;top: 0px;">
             <form id="addUserFormInCollaboration" action="chat_add_user_confirm.html" method="post">
                 <!-- ユーザー検索 -->
@@ -81,7 +81,7 @@
                 </div>
                 <!-- ルーム解説ボタン -->
                 <div class="add_user_confirm_btn content" id="addUserConfirmBtnInCollaboration" style="position: fixed;">
-                    <button type="button" name="button" id="buttonAddUser" style="top: 465px; width: 75%;">
+                    <button type="button" name="button" id="buttonAddUser" style="top: 455px; width: 75%;">
                         確認<br>
                         <span class="select_member_num"></span><span class="select_member">名 選択中</span></button>
                 </div>