Bootstrap 3

New: Updated UI
New: Mobile browser support
Fixed: /favicon.ico will return the favicon now

src/UI/System/Logs/Files/LogFileLayoutTemplate.html

@@ -1,12 +1,12 @@
 <div id="x-toolbar"/>
 <div class="row">
-    <div class="col-md-10">
+    <div class="col-md-12">
         <div id="x-grid"/>
     </div>
 </div>
 
 <div class="row">
-    <div class="col-md-10">
+    <div class="col-md-12">
         <div id="x-contents"/>
     </div>
 </div>

src/UI/System/Logs/LogsLayoutTemplate.html

@@ -1,11 +1,15 @@
-<div class="tabbable tabs-left">
-    <ul class="nav nav-tabs">
-        <li><a href="#table" class="x-table-tab no-router">Table</a></li>
-        <li><a href="#files" class="x-files-tab no-router">Files</a></li>
-    </ul>
+<div class="row">
+    <div class="col-md-1 col-sm-2">
+        <ul class="nav nav-pills nav-stacked">
+            <li><a href="#table" class="x-table-tab no-router">Table</a></li>
+            <li><a href="#files" class="x-files-tab no-router">Files</a></li>
+        </ul>
+    </div>
 
-    <div class="tab-content">
-        <div class="tab-pane" id="table"></div>
-        <div class="tab-pane" id="files"></div>
+    <div class="col-md-11 col-sm-10">
+        <div class="tab-content">
+            <div class="tab-pane" id="table"></div>
+            <div class="tab-pane" id="files"></div>
+        </div>
     </div>
 </div>

src/UI/System/Logs/Table/Details/LogDetailsViewTemplate.html

@@ -1,22 +1,25 @@
-<div class="log-details-modal">
-    <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+<div class="modal-dialog">
+    <div class="modal-content">
+        <div class="log-details-modal">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 
-        <h3>Details</h3>
+                <h3>Details</h3>
 
-    </div>
-    <div class="modal-body">
-        Message
-        <pre>{{message}}</pre>
+            </div>
+            <div class="modal-body">
+                Message
+                <pre>{{message}}</pre>
 
-        {{#if exception}}
-            <br/>
-            Exception
-            <pre>{{exception}}</pre>
-        {{/if}}
-    </div>
-    <div class="modal-footer">
-        <button class="btn" data-dismiss="modal">close</button>
+                {{#if exception}}
+                    <br/>
+                    Exception
+                    <pre>{{exception}}</pre>
+                {{/if}}
+            </div>
+            <div class="modal-footer">
+                <button class="btn" data-dismiss="modal">close</button>
+            </div>
+        </div>
     </div>
 </div>
-

src/UI/System/Logs/Table/LogTimeCell.js

@@ -13,6 +13,7 @@ define(
                 var date = Moment(this._getValue());
                 this.$el.html(date.format('LT'));
                 this.$el.attr('title', date.format('LLLL'));
+                this.$el.attr('data-container', 'body');
 
                 return this;
             }

src/UI/System/Logs/Table/LogsTableLayoutTemplate.html

@@ -1,11 +1,11 @@
 <div id="x-toolbar"/>
 <div class="row">
-    <div class="col-md-10">
+    <div class="col-md-12 table-responsive">
         <div id="x-grid"/>
     </div>
 </div>
 <div class="row">
-    <div class="col-md-10">
+    <div class="col-md-12">
         <div id="x-pager"/>
     </div>
 </div>