お惣菜コーナーのカード枠を削除

ユーザータイムラインに合わせた形

public/css/tissue.css

@@ -24,6 +24,16 @@
     transition: filter .15s liner;
 }
 
+.list-group-item.no-side-border {
+    border-left: none;
+    border-right: none;
+    border-radius: 0;
+}
+
+.list-group-item.border-bottom-only:first-child {
+    border-top: none;
+}
+
 .list-group-item.border-bottom-only {
     border-left: none;
     border-right: none;

resources/views/home.blade.php

@@ -44,14 +44,11 @@
         </div>
         <div class="col-lg-8">
             @if (!empty($publicLinkedEjaculations))
-                <div class="card mb-4">
-                    <div class="card-header">お惣菜コーナー</div>
-                    <div class="card-body">
-                        <p class="card-text">最近の公開チェックインから、オカズリンク付きのものを表示しています。</p>
-                    </div>
-                    <ul class="list-group list-group-flush">
+                <h5 class="mb-3">お惣菜コーナー</h5>
+                <p class="text-secondary">最近の公開チェックインから、オカズリンク付きのものを表示しています。</p>
+                <ul class="list-group">
                     @foreach ($publicLinkedEjaculations as $ejaculation)
-                            <li class="list-group-item pt-3 pb-3">
+                        <li class="list-group-item no-side-border pt-3 pb-3 tis-word-wrap">
                             <!-- span -->
                             <div class="d-flex justify-content-between">
                                 <h5>
@@ -96,7 +93,6 @@
                         </li>
                     @endforeach
                 </ul>
-                </div>
             @endif
         </div>
     </div>