some css cleanup.

NzbDrone.Backbone/AddSeries/Existing/RootFolderCompositeViewTemplate.html

@@ -1,4 +1,6 @@
-<div class="accordion result-list span12 existing-root-folder-view">
+<div class="row">
-    <h1>{{path}}</h1>
+    <div class="accordion result-list span12 existing-root-folder-view">
-    <div class="x-existing-folder-container" />
+        <h1>{{path}}</h1>
+        <div class="x-existing-folder-container" />
+    </div>
 </div>

NzbDrone.Backbone/AddSeries/Existing/UnmappedFolderCompositeViewTemplatate.html

@@ -1,5 +1,5 @@
 <div class="row unmapped-folder-view">
-    <div class="span12">
+    <div class="span11">
         <div class="row folder-header">
             <input class="x-txt-search input-xlarge" type="text" value="{{folder.name}}" placeholder="{{folder.name}}"></input>
             <select class="span2 x-lst-quality-profile">
@@ -10,10 +10,10 @@
             <div class="btn btn-primary x-btn-search pull-right">
                 <icon class="icon-search "></icon>
             </div>
-
+            <div class="row">
-        </div>
+                <div class="x-folder-name-match-results span11" />
-        <div class="row">
+            </div>
-            <div class="x-folder-name-match-results span12" />
         </div>
+
     </div>
 </div>

NzbDrone.Backbone/AddSeries/New/AddNewSeriesTemplate.html

@@ -1,9 +1,11 @@
 <div class="tab-pane" id="add-new">
-    <div class="input-prepend nz-input-large search row">
+    <div class="row">
-        <i class="add-on icon-search"></i>
+        <div class="input-prepend nz-input-large search span11">
-        <input type="text" class="span10" placeholder="Start typing the name of series you want to add ...">
+            <i class="add-on icon-search"></i>
+            <input type="text" class="input-block-level" placeholder="Start typing the name of series you want to add ...">
+        </div>
     </div>
     <div class="row">
-        <div id="search-result" class="result-list span12 offset4" />
+        <div id="search-result" class="result-list span12" />
     </div>
 </div>

NzbDrone.Backbone/AddSeries/RootFolders/RootFolderTemplate.html

@@ -1,7 +1,7 @@
-<div class="tab-pane" id="root-dir">
+<div class="tab-pane row" id="root-dir">
-    <div class="input-prepend input-append nz-input-large x-path">
+    <div class="input-prepend input-append nz-input-large x-path span10">
         <i class="add-on icon-folder-open"></i>
-        <input type="text" class="span11" placeholder="Path of the folder to add ...">
+        <input class="input-block-level" type="text" placeholder="Path of the folder to add ...">
         <div class="btn icon-plus btn-success x-add" />
     </div>
     <div class="span12 result-list" id="current-dirs" />

NzbDrone.Backbone/AddSeries/addSeries.css

@@ -4,7 +4,7 @@
 }
 
 .nz-input-large input {
-    height: 40px;
+    height: 50px;
 }
 
 .nz-input-large *[class*='icon-'] {
@@ -58,8 +58,8 @@
 }
 
 .unmapped-folder-view .folder-header {
-    font-size: 30px;
     font-weight: 300;
+    padding-left: 20px;
 }
 
 .unmapped-folder-view .folder-header input {
@@ -74,3 +74,8 @@
 .existing-root-folder-view, h1 {
     padding: 10px 0 20px 0;
 }
+
+.folder-name-matches {
+    padding-left: 20px;
+    padding-top: 10px;
+}

NzbDrone.Backbone/Content/base.css

@@ -1,4 +1,10 @@
-#localSeriesLookup {
+/*make the main scrollbar always visible*/
+html {
+    overflow: -moz-scrollbars-vertical;
+    overflow-y: scroll;
+}
+
+#localSeriesLookup {
     width: 220px;
     border: 0px;
     background: rgb(75, 75, 75);
@@ -7,13 +13,8 @@
     font-size: 13px;
 }
 
-.nz-center {
+.input-append .add-on {
-    text-align: center;
+    margin-left: 0;
-    overflow: hidden;
-}
-
-.nz-center .typeahead {
-    text-align: left;
 }
 
 #footer-region {
@@ -43,15 +44,12 @@
     padding-right: 10px;
 }
 
-#notification-region pre{
+#notification-region pre {
     font-size: 12px;
 }
 
 
-.line {
+
-    height: 4em;
-    line-height: 4em;
-}
 
 .line > [class^="icon-"], .line > [class*=" icon-"] {
     margin-top: 1em;
@@ -66,23 +64,25 @@
     margin-bottom: 2px;
 }
 
-.progress .bar {
+    .progress .bar {
-    position: absolute;
+        position: absolute;
-    overflow: hidden;
+        overflow: hidden;
-}
+    }
-.progress .progressbar-back-text {
+
-    position: absolute;
+    .progress .progressbar-back-text {
-    width: 100%;
+        position: absolute;
-    height: 100%;
+        width: 100%;
-    font-size: 12px;
+        height: 100%;
-    text-align: center;
+        font-size: 12px;
-}
+        text-align: center;
-.progress .progressbar-front-text {
+    }
-    display: block;
+
-    width: 125px;
+    .progress .progressbar-front-text {
-    font-size: 12px;
+        display: block;
-    text-align: center;
+        width: 125px;
-}
+        font-size: 12px;
+        text-align: center;
+    }
 
 /* Todo: Should move this to somehting modal/form specific */
 
@@ -97,8 +97,8 @@ label, .form-horizontal input, .form-horizontal select {
     line-height: 14px;
 }
 
-label.control-label {
+    label.control-label {
-    font-size: 16px;
+        font-size: 16px;
-    line-height: 16px;
+        line-height: 16px;
-    font-weight: bold;
+        font-weight: bold;
-}
+    }

NzbDrone.Backbone/Index.html

@@ -10,6 +10,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,600,300' rel='stylesheet' type='text/css'>
     <link href="/static/content/bootstrap/bootstrap.less" rel='stylesheet' type='text/css' />
+    <link href="/static/content/base.css" rel='stylesheet' type='text/css' />
     <link href="/static/content/theme.css" rel='stylesheet' type='text/css'>
     <link href="/static/content/toastr.css" rel='stylesheet' type='text/css'>
     <link href="/static/content/fullcalendar.css" rel='stylesheet' type='text/css'>