Ticket card: Improved buttons appearance and titles sizes. rescued .btn-default from BS 3

Author: xaviqv

src/Public/css/panichd.css

@@ -129,6 +129,20 @@ h1, h2, h3, h4, h5, h6 {
 	background-color: #f8f9fa;
 }
 
+/*
+ * Used in Ticket card. Style from Bootstrap 3
+*/
+.btn.btn-default {
+	color: black;
+	background-color: white;
+	border-color: #ccc;
+}
+
+.btn.btn-default:hover, .btn.btn-default:active {
+	background-color: #ddd;
+}
+
+
 /*
  * General Select2 styles
 */

src/Views/tickets/show.blade.php

@@ -13,11 +13,11 @@
 
 		@if($u->canCommentTicket($ticket->id) || ( !$comments->isEmpty() && $ticket->comments->forLevel(1)->count() ) )
 			<div style="margin-top: 2em;">        	
-				<h2 style="margin-top: 0em;">{{ trans('panichd::lang.comments') }}
+				<h3 style="margin-top: 0em;">{{ trans('panichd::lang.comments') }}
 					@if ($u->canCommentTicket($ticket->id))
 						<button type="button" class="btn btn-light" data-toggle="modal" data-target="#modal-comment-new" data-add-comment="{{ $ticket->hidden ? 'no' : 'yes' }}">{{ $ticket->hidden ? trans('panichd::lang.show-ticket-add-note') : trans('panichd::lang.show-ticket-add-comment') }}</button>
 					@endif
-				</h2>
+				</h3>
 			</div>
 		@endif
         @if(!$comments->isEmpty())

src/Views/tickets/show/comments.blade.php

@@ -53,9 +53,9 @@
 				{!! $comment->updated_at->diffForHumans() !!}
 			</div></div></div>
 		@else
-		<div class="card bg-light">
+		<div class="card bg-light mb-3">
             <div class="card-header">
-                <h3 class="card-title">
+                <h6 class="card-title mb-0">
                     <span class="tooltip-info" data-toggle="tooltip" data-placement="bottom" title="{{ $comment_title }}"><span class="{{ $icon_class }}" aria-hidden="true"></span> {!! $comment_header !!}</span>
 					<span class="pull-right tooltip-info" data-toggle="tooltip" data-placement="top" title="{{ trans('panichd::lang.creation-date', [
 						'date' => \Carbon\Carbon::parse($comment->created_at)->format(trans('panichd::lang.datetime-format'))
@@ -69,7 +69,7 @@
 						<span class="fa fa-remove" aria-label="{{ trans('panichd::lang.btn-delete') }}" style="color: gray"></span></button>
 					@endif
 					</span>
-                </h3>
+                </h6>
             </div>
             <div class="card-body">
                 <div class="row">
@@ -88,9 +88,9 @@
                 </div>
 				@if ($u->currentLevel() > 1 && $u->canManageTicket($ticket->id))
 					@if ($comment->type=='note')
-						<button type="button" class="btn btn-light btn-sm" data-toggle="modal" data-target="#comment-modal-edit-{{$comment->id}}">{{ trans('panichd::lang.btn-edit') }}</button>
+						<button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#comment-modal-edit-{{$comment->id}}">{{ trans('panichd::lang.btn-edit') }}</button>
 					@elseif($comment->type=='reply')
-						<button type="button" class="btn btn-light btn-sm" data-toggle="modal" data-target="#email-resend-modal" data-id="{{$comment->id}}" data-owner="{{$ticket->user->name}}">{{ trans('panichd::lang.show-ticket-email-resend') }}</button>
+						<button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#email-resend-modal" data-id="{{$comment->id}}" data-owner="{{$ticket->user->name}}">{{ trans('panichd::lang.show-ticket-email-resend') }}</button>
 					@endif
 
 				@endif