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>

src/UI/System/SystemLayoutTemplate.html

@@ -4,10 +4,10 @@
     <li><a href="#updates" class="x-updates-tab no-router">Updates</a></li>
     <li class="lifecycle-controls pull-right">
         <div class="btn-group">
-            <button class="btn btn-icon-only x-shutdown" title="Shutdown" data-container="body">
+            <button class="btn btn-default btn-icon-only x-shutdown" title="Shutdown" data-container="body">
                 <i class="icon-nd-shutdown"></i>
             </button>
-            <button class="btn btn-icon-only x-restart" title="Restart" data-container="body">
+            <button class="btn btn-default btn-icon-only x-restart" title="Restart" data-container="body">
                 <i class="icon-nd-restart"></i>
             </button>
         </div>

src/UI/System/Update/UpdateItemViewTemplate.html

@@ -7,11 +7,11 @@
 
                 {{#if_windows}}
                     {{#if isUpgrade}}
-                        <span class="label label-inverse install-update x-install-update">Install</span>
+                        <span class="label label-default install-update x-install-update">Install</span>
                     {{/if}}
                 {{else}}
                     {{#if isUpgrade}}
-                        <span class="label label-inverse install-update">
+                        <span class="label label-default install-update">
                             <a href="https://github.com/NzbDrone/NzbDrone/wiki/Installation#linux">Install</a>
                         </span>
                     {{/if}}