Starting to work on some more responsive layout for ticket.php

ticket.php

@@ -207,15 +207,11 @@ require_once(HESK_PATH . 'inc/header.inc.php');
   <li class="active"><?php hesk_showTopBar($hesklang['cid'].': '.$trackingID); ?></li>
 </ol>
 
-<div class="enclosingDashboard">
-    <div class="row">
+<div class="row">
     <div align="left" class="col-md-4">
-            <div class="moreToLeft">
-		        <ul class="nav nav-tabs">
-			        <li class="active"><a href="#" onclick="return false;"><?php echo $hesklang['quick_help']; ?></a></li>
-		        </ul>
-		        <div class="summaryList">
-                    <div class="viewTicketSidebar">
+        <div class="panel panel-default">
+            <div class="panel-heading"><?php echo $hesklang['quick_help']; ?></div>
+            <div class="panel-body">
                 <div class="row">
                     <div class="col-md-6 col-xs-12">
                         <label class="control-label" style="margin-top:8px;"><?php echo $hesklang['changeLanguage']; ?></label>
@@ -228,8 +224,7 @@ require_once(HESK_PATH . 'inc/header.inc.php');
             </div>
         </div>
     </div>
-        </div>
-        <div class="col-md-7">
+    <div class="col-md-8">
         <?php
             /* This will handle error, success and notice messages */
             hesk_handle_messages();
@@ -259,22 +254,27 @@ require_once(HESK_PATH . 'inc/header.inc.php');
                             ?></h3>
         <div class="footerWithBorder"></div>
         <div class="blankSpace"></div>
-            <table class="table table-bordered">
-                <tr>
-                    <td colspan="20" style="border-bottom:  0px;">
+        <div class="table-bordered">
+            <div class="row">
+                <div class="col-md-12">
                     <h2><?php echo $ticket['subject']; ?></h2>
-                    </td>
-                </tr>
-                <tr>
-                    <td colspan="10" style="border-width: 0px">
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-md-6 col-sm-12">
                     <p><?php echo $hesklang['created_on']; ?>: <?php echo hesk_date($ticket['dt'], true); ?>&nbsp;&nbsp;&nbsp;&nbsp;<?php echo $hesklang['last_update']; ?>: <?php echo hesk_date($ticket['lastchange'], true); ?></p>
-                    </td>
-                    <td colspan="10" style="border-width: 0px; text-align: right;">
+                </div>
+                <div class="col-md-2 col-md-offset-4 col-sm-12" style="text-align: right">
                     <p><?php $random=rand(10000,99999);
                         if ($ticket['isClosed'] == true && $ticket['locked'] != 1 && $hesk_settings['custopen']) {echo '<a href="change_status.php?track='.$trackingID.$hesk_settings['e_query'].'&amp;s=2&amp;Refresh='.$random.'&amp;token='.hesk_token_echo(0).'" title="'.$hesklang['open_action'].'">'.$hesklang['open_action'].'</a>';}
                         else {echo '<a href="change_status.php?track='.$trackingID.$hesk_settings['e_query'].'&amp;s=3&amp;Refresh='.$random.'&amp;token='.hesk_token_echo(0).'" title="'.$hesklang['close_action'].'">'.$hesklang['close_action'].'</a>';} ?></p>
-                    </td>
-                </tr>
+                </div>
+                <div class="medLowPriority">
+
+                </div>
+            </div>
+        </div>
+        <table class="table table-bordered">
             <tr class="medLowPriority">
 
                 <?php //This entire conditional is all just for priority
@@ -399,8 +399,7 @@ require_once(HESK_PATH . 'inc/header.inc.php');
             }
         ?>
     </div> <!-- End col-md-7 -->
-    </div> <!-- End row -->
-</div> <!-- End enclosingDashboard-->
+</div> <!-- End row -->