Ticket card: Switched description and intervention columns to BS 4's integrated flexbox

Author: xaviqv

src/Public/css/panichd.css

@@ -243,18 +243,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 
-#ticket-body .description-col, #ticket-body .intervention-col {
-	border: 1px solid #ddd;
-	margin: 0px 15px 0px 0px;
-	padding: 15px;
-	border-radius: 5px;
-}
-
 @media screen and (max-width: 1999px){
-	#ticket-body .description-col, #ticket-body .intervention-col {
-		margin: 15px;
-	}
-	
 	#ticket-body .row-ticket-attachments {
 		margin: 15px -15px 5px -15px;
 	}

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

@@ -1,4 +1,4 @@
-<div class="card bg-light">
+<div class="card">
     <div id="ticket-body" class="card-body">
 		<div class="row" style="margin-bottom: 0.2em;">
 			<div class="col-sm-8 col-lg-7">				
@@ -62,7 +62,7 @@ class="btn btn-light"
 		</div>
 
 		<div class="row">
-			<div class="col-lg-3 col-sm-4">				
+			<div class="col-xl-2 col-lg-3 col-md-4">
 				<p>
 				<strong>{{ trans('panichd::lang.ticket') }}</strong>{{ trans('panichd::lang.colon') . trans('panichd::lang.table-id') . $ticket->id }}
 				@if ($u->currentLevel() > 1)
@@ -173,20 +173,28 @@ class="btn btn-light"
 				@endif
 				</p>				
 			</div>
-			<div class="col-lg-9 col-sm-8">
-				<div class="row row-eq-height">
-					<div class="description-col {{ $ticket->intervention_html ? 'col-lg-6' : 'col-md-12'}}">
-						<div>
-							<b>{{ trans('panichd::lang.description') }}</b>
+			<div class="col-xl-10 col-lg-9 col-md-8">
+				<div class="row equal">
+					<div class="{{ $ticket->intervention_html ? 'col-lg-6 mb-3 mb-lg-0' : 'col-md-12'}}">
+						<div class="card" style="height: 100%">
+							<div class="card-body">
+								<div>
+									<b>{{ trans('panichd::lang.description') }}</b>
+								</div>
+								<div class="summernote-text-wrapper"> {!! $ticket->html !!} </div>
+							</div>
 						</div>
-						<div class="summernote-text-wrapper"> {!! $ticket->html !!} </div>
 					</div>
 					@if ($ticket->intervention_html)
-						<div class="intervention-col col-lg-6">
-							<div>
-								<b>{{ trans('panichd::lang.intervention') }}</b>
+						<div class="col-lg-6">
+							<div class="card" style="height: 100%">
+								<div class="card-body">
+									<div>
+										<b>{{ trans('panichd::lang.intervention') }}</b>
+									</div>
+									<div class="summernote-text-wrapper"> {!! $ticket->intervention_html !!} </div>
+								</div>
 							</div>
-							<div class="summernote-text-wrapper"> {!! $ticket->intervention_html !!} </div>
 						</div>
 					@endif					
 				</div>