Merge pull request #272 from hellcp/patch-21

Make icons in status more consistent

resources/views/status/show.blade.php

@@ -87,23 +87,23 @@
             </div>
           </div>
           <div class="card-body flex-grow-0 py-1">
-            <div class="reactions h3 mb-0">
+            <div class="reactions my-1">
                <form class="d-inline-flex like-form pr-3" method="post" action="/i/like" style="display: inline;" data-id="{{$status->id}}" data-action="like">
                 @csrf
                 <input type="hidden" name="item" value="{{$status->id}}">
-                <button class="btn btn-link text-dark btn-lg p-0" type="submit" title="Like!">
-                  <span class="far fa-heart fa-lg mb-0"></span>
+                <button class="btn btn-link text-dark p-0 border-0" type="submit" title="Like!">
+                  <h3 class="far fa-heart m-0"></h3>
                 </button>
               </form>
-              <span class="far fa-comment pt-1 pr-3" title="Comment"></span>
+              <h3 class="far fa-comment pr-3 m-0" title="Comment"></h3>
               @if(Auth::check())
               @if(Auth::user()->profile->id === $status->profile->id || Auth::user()->is_admin == true)
               <form method="post" action="/i/delete" class="d-inline-flex">
                 @csrf
                 <input type="hidden" name="type" value="post">
                 <input type="hidden" name="item" value="{{$status->id}}">
-                <button type="submit" class="btn btn-link btn-lg text-dark p-0" title="Remove">
-                  <span class="far fa-trash-alt fa-lg mb-0"></span>
+                <button type="submit" class="btn btn-link text-dark p-0 border-0" title="Remove">
+                  <h3 class="far fa-trash-alt m-0"></h3>
                 </button>
               </form>
               @endif
@@ -112,8 +112,8 @@
                 <form class="d-inline-flex bookmark-form" method="post" action="/i/bookmark" style="display: inline;" data-id="{{$status->id}}" data-action="bookmark">
                   @csrf
                   <input type="hidden" name="item" value="{{$status->id}}">
-                  <button class="btn btn-link text-dark p-0 btn-lg" type="submit" title="Save">
-                    <span class="far fa-bookmark fa-lg mb-0"></span>
+                  <button class="btn btn-link text-dark p-0 border-0" type="submit" title="Save">
+                    <h3 class="far fa-bookmark m-0"></h3>
                   </button>
                 </form>
               </span>

resources/views/status/template.blade.php

@@ -44,20 +44,22 @@
         </a>
         @endif
         <div class="card-body">
-          <div class="reactions h3">
-            <form class="like-form pr-3" method="post" action="/i/like" style="display: inline;" data-id="{{$item->id}}" data-action="like" data-count="{{$item->likes_count}}">
+          <div class="reactions my-1">
+            <form class="d-inline-flex like-form pr-3" method="post" action="/i/like" style="display: inline;" data-id="{{$item->id}}" data-action="like" data-count="{{$item->likes_count}}">
               @csrf
               <input type="hidden" name="item" value="{{$item->id}}">
               <button class="btn btn-link text-dark p-0" type="submit" title=""Like!>
-                <span class="far fa-heart status-heart fa-2x"></span>
+                <h3 class="far fa-heart status-heart m-0"></h3>
               </button>
             </form>
-            <span class="far fa-comment status-comment-focus" title="Comment"></span>
+            <h3 class="far fa-comment status-comment-focus" title="Comment"></h3>
             <span class="float-right">
-              <form class="bookmark-form" method="post" action="/i/bookmark" style="display: inline;" data-id="{{$item->id}}" data-action="bookmark">
+              <form class="d-inline-flex bookmark-form" method="post" action="/i/bookmark" style="display: inline;" data-id="{{$item->id}}" data-action="bookmark">
                 @csrf
                 <input type="hidden" name="item" value="{{$item->id}}">
-                <button class="btn btn-link text-dark p-0" type="submit" title="Save"><span class="far fa-bookmark" style="font-size:25px;"></span></button>
+                <button class="btn btn-link text-dark p-0 border-0" type="submit" title="Save">
+                  <h3 class="far fa-bookmark m-0"></h3>
+                </button>
               </form>
             </span>
           </div>