Fixed ticket view on ticket.php for mobile devices

css/hesk_newStyle.php

@@ -98,6 +98,7 @@
     font-size: 20px;
     font-weight: 300;
     color: #000;
+    margin-top: 5px;
 }
 .ticketEmail {
     font-size: 14px;

ticket.php

@@ -319,12 +319,12 @@ require_once(HESK_PATH . 'inc/header.inc.php');
             /* Make sure original message is in correct color if newest are on top */
             $color = 'class="ticketMessageContainer"';
 		    ?>
-		    <div <?php echo $color; ?>>
-                <div class="ticketHeader">
+            <div class="row ticketMessageContainer">
+                <div class="col-md-3 col-xs-12">
                     <div class="ticketName"><?php echo $ticket['name']; ?></div>
                     <div class="ticketEmail"><?php echo $ticket['email']; ?></div>
                 </div>
-                <div class="ticketMessage">
+                <div class="col-md-9 col-xs-12 pushMarginLeft">
                     <div class="ticketMessageTop withBorder">
                             <!-- Date and Action buttons -->
                             <p><?php echo $hesklang['date']; ?>: <?php echo hesk_date($ticket['dt']); ?><span style="float: right"><?php echo hesk_getCustomerButtons($i); ?></span></p>
@@ -340,11 +340,10 @@ require_once(HESK_PATH . 'inc/header.inc.php');
                                 }
                             ?>
                     </div>
-
                     <div class="ticketMessageBottom">
                          <!-- Message -->
                          <p><b><?php echo $hesklang['message']; ?>:</b></p>
-		                 <p><?php echo $ticket['message']; ?><br />&nbsp;</p>
+                         <p class="message"><?php echo $ticket['message']; ?><br />&nbsp;</p>
                     </div>
                     <div class="ticketMessageTop">
                          <!-- Custom Fields after Message -->
@@ -363,7 +362,6 @@ require_once(HESK_PATH . 'inc/header.inc.php');
                     </div>
                 </div>
             </div>
-
             <?php
 		    if ( ! $hesk_settings['new_top'])
             {
@@ -594,11 +592,12 @@ function hesk_printCustomerTicketReplies()
 
 		$reply['dt'] = hesk_date($reply['dt']);
 		?>
-		<div <?php echo $color; ?>>
-            <div class="ticketHeader">
+
+        <div class="row ticketMessageContainer">
+            <div class="col-md-3 col-xs-12">
                 <div class="ticketName"><?php echo $reply['name']; ?></div>
             </div>
-            <div class="ticketMessage">
+            <div class="col-md-9 col-xs-12 pushMarginLeft">
                 <div class="ticketMessageTop withBorder">
                         <p><?php echo $hesklang['date']; ?>: <?php echo $reply['dt']; ?><span style="float:  right;"><?php echo hesk_getCustomerButtons($i); ?></span></p>
                     <?php
@@ -627,8 +626,9 @@ function hesk_printCustomerTicketReplies()
 			        ?>
                 </div>
                 <div class="ticketMessageBottom">
+                     <!-- Message -->
                      <p><b><?php echo $hesklang['message']; ?>:</b></p>
-			        <p><?php echo $reply['message']; ?></p> 
+			         <p class="message"><?php echo $reply['message']; ?></p> 
                 </div>
                 <div class="ticketMessageTop">
                      <?php hesk_listAttachments($reply['attachments'],$i);?>