dashboard: make instance activity detail more readable

circle/dashboard/templates/dashboard/instanceactivity_detail.html

@@ -14,7 +14,7 @@
     </h1>
     </h1>
   </div>
   </div>
   <div class="row">
   <div class="row">
-    <div class="col-md-4" id="vm-info-pane">
+    <div class="col-md-5" id="vm-info-pane">
       <div class="big">
       <div class="big">
         <span id="vm-activity-state" class="label label-{% if object.get_status_id == 'wait' %}info{% else %}{% if object.succeeded %}success{% else %}error{% endif %}{% endif %}">
         <span id="vm-activity-state" class="label label-{% if object.get_status_id == 'wait' %}info{% else %}{% if object.succeeded %}success{% else %}error{% endif %}{% endif %}">
           <span>{{ object.get_status_id|upper }}</span>
           <span>{{ object.get_status_id|upper }}</span>
@@ -24,7 +24,7 @@
       {% include "dashboard/vm-detail/_activity-timeline.html" with active=object %}
       {% include "dashboard/vm-detail/_activity-timeline.html" with active=object %}
 
 
     </div>
     </div>
-    <div class="col-md-8">
+    <div class="col-md-7">
       <div class="panel panel-default">
       <div class="panel panel-default">
         <!--<div class="panel-heading"><h2 class="panel-title">{% trans "Activity" %}</h2></div> -->
         <!--<div class="panel-heading"><h2 class="panel-title">{% trans "Activity" %}</h2></div> -->
         <div class="panel-body">
         <div class="panel-body">