Bootstrap 3

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

src/UI/Series/Editor/Organize/OrganizeFilesViewTemplate.html

@@ -1,23 +1,27 @@
-<div class="modal-header">
-    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-    <h3>Organize of Selected Series</h3>
-</div>
-<div class="modal-body update-files-series-modal">
-    <div class="alert alert-info">
-        <button type="button" class="close" data-dismiss="alert">&times;</button>
-        Tip: To preview a rename... select "Cancel" then any series title and use the <i data-original-title="" class="icon-nd-rename" title=""></i>
+<div class="modal-dialog">
+    <div class="modal-content">
+        <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+            <h3>Organize of Selected Series</h3>
+        </div>
+        <div class="modal-body update-files-series-modal">
+            <div class="alert alert-info">
+                <button type="button" class="close" data-dismiss="alert">&times;</button>
+                Tip: To preview a rename... select "Cancel" then any series title and use the <i data-original-title="" class="icon-nd-rename" title=""></i>
+            </div>
+
+            Are you sure you want to update all files in the {{numberOfSeries}} selected series?
+
+            {{debug}}
+            <ul class="selected-series">
+                {{#each series}}
+                <li>{{title}}</li>
+                {{/each}}
+            </ul>
+        </div>
+        <div class="modal-footer">
+            <button class="btn" data-dismiss="modal">cancel</button>
+            <button class="btn btn-danger x-confirm-organize">organize</button>
+        </div>
     </div>
-
-    Are you sure you want to update all files in the {{numberOfSeries}} selected series?
-
-    {{debug}}
-    <ul class="selected-series">
-        {{#each series}}
-        <li>{{title}}</li>
-        {{/each}}
-    </ul>
-</div>
-<div class="modal-footer">
-    <button class="btn" data-dismiss="modal">cancel</button>
-    <button class="btn btn-danger x-confirm-organize">organize</button>
 </div>

src/UI/Series/Editor/SeriesEditorFooterViewTemplate.html

@@ -1,22 +1,29 @@
 <div class="series-editor-footer">
     <div class="row">
-        <div class="col-md-2">Monitored</div>
-        <div class="col-md-2">Quality Profile</div>
-        <div class="col-md-2">Season Folder</div>
-        <div class="col-md-4">Root Folder</div>
-    </div>
+        <div class="form-group col-md-2">
+            <label>Monitored</label>
 
-    <div class="row">
-        <div class="col-md-2">
-            <select class="col-md-2 x-monitored">
+            <select class="form-control x-monitored">
                 <option value="noChange">No change</option>
                 <option value="true">Monitored</option>
                 <option value="false">Unmonitored</option>
             </select>
         </div>
 
-        <div class="col-md-2">
-            <select class="col-md-2 x-quality-profiles">
+        <div class="form-group col-md-2">
+            <label>Season Folder</label>
+
+            <select class="form-control x-season-folder">
+                <option value="noChange">No change</option>
+                <option value="true">Yes</option>
+                <option value="false">No</option>
+            </select>
+        </div>
+
+        <div class="form-group col-md-2">
+            <label>Quality Profile</label>
+
+            <select class="form-control x-quality-profiles">
                 <option value="noChange">No change</option>
                 {{#each qualityProfiles.models}}
                     <option value="{{id}}">{{attributes.name}}</option>
@@ -24,28 +31,24 @@
             </select>
         </div>
 
-        <div class="col-md-2">
-            <select class="col-md-2 x-season-folder">
-                <option value="noChange">No change</option>
-                <option value="true">Yes</option>
-                <option value="false">No</option>
-            </select>
-        </div>
+        <div class="form-group col-md-3">
+            <label>Root Folder</label>
 
-        <div class="col-md-3">
-            <select class="col-md-3 x-root-folder" validation-name="RootFolderPath">
+            <select class="form-control x-root-folder" validation-name="RootFolderPath">
                 <option value="noChange">No change</option>
                 {{#each rootFolders}}
-                    <option value="{{id}}">{{path}}</option>
+                <option value="{{id}}">{{path}}</option>
                 {{/each}}
                 <option value="addNew">Add a different path</option>
             </select>
         </div>
 
-        <span class="pull-right">
-            <span class="selected-count x-selected-count">0  series selected</span>
-            <button class="btn btn-primary x-save">Save</button>
-            <button class="btn btn-danger x-organize-files">Organize</button>
-        </span>
+        <div class="form-group col-md-3 actions">
+            <label class="x-selected-count">0 series selected</label>
+            <div>
+                <button class="btn btn-primary x-save">Save</button>
+                <button class="btn btn-danger x-organize-files">Organize</button>
+            </div>
+        </div>
     </div>
-</div>
+</div>

src/UI/Series/Editor/SeriesEditorLayoutTemplate.html

@@ -2,6 +2,6 @@
 
 <div class="row">
     <div class="col-md-12">
-        <div id="x-series-editor" class="series-"></div>
+        <div id="x-series-editor" class="table-responsive"></div>
     </div>
 </div>