自身のセールとグループタイプ選択ボタンの位置変更

public_new/contact.html

@@ -49,7 +49,14 @@
         <span class="src_icon"></span>
         <span class="src_icon"></span>
         <a href="#" class="cancel none">キャンセル</a>
         <a href="#" class="cancel none">キャンセル</a>
     </div>
     </div>
-    <div class="content chat_list">
+
+    <div class="content tabs">
+      <input id="tabMyGroup" type="radio" name="tab_item" checked>
+      <label class="tab_item" for="tabMyGroup">マイグループ</label>
+      <input id="tabAllGroup" type="radio" name="tab_item">
+      <label class="tab_item" for="tabAllGroup">全グループ</label>
+
+      <div class="content chat_list my_info_sell">
         <ul class="p-0 chat_make_room_list">
         <ul class="p-0 chat_make_room_list">
           <li class="d-flex align-items-center">
           <li class="d-flex align-items-center">
             <a href="#" style="width: 100%;">
             <a href="#" style="width: 100%;">
@@ -71,14 +78,8 @@
           </li>
           </li>
         </ul>
         </ul>
       </div>
       </div>
-    <!-- タブ -->
 
 
-
-    <div class="content tabs">
-      <input id="tabMyGroup" type="radio" name="tab_item" checked>
-      <label class="tab_item" for="tabMyGroup">マイグループ</label>
-      <input id="tabAllGroup" type="radio" name="tab_item">
-      <label class="tab_item" for="tabAllGroup">全グループ</label>
+      <!-- タブ -->
       <div class="tab_content" id="tab1_content">
       <div class="tab_content" id="tab1_content">
         <div class="chat_list" id="myContactList">
         <div class="chat_list" id="myContactList">
           <!-- お気に入りグループ -->
           <!-- お気に入りグループ -->

public_new/css/chat.css

@@ -59,6 +59,7 @@ input[name="tab_item"] {
 /**************************** chat list *************************/
 /**************************** chat list *************************/
 .chat_list ul {
 .chat_list ul {
   padding: 0;
   padding: 0;
+  margin-top: 1rem;
 }
 }
 .chat_list img {
 .chat_list img {
   width: 90px;
   width: 90px;
@@ -777,6 +778,7 @@ input[name="tab_item"] {
   /* chat item */
   /* chat item */
   .tab_item {
   .tab_item {
     font-size: 16px;
     font-size: 16px;
+    margin-bottom: 1rem;
   }
   }
   .chat_item_ttl {
   .chat_item_ttl {
     font-size: 16px;
     font-size: 16px;

public_new/css/contact.css

@@ -14,3 +14,6 @@
 .breadcrumb_item {
 .breadcrumb_item {
   color: #323743;
   color: #323743;
 }
 }
+.my_info_sell {
+  clear: both;
+}