From 7f59062215adead244e71df51ccfbb8c261f9329 Mon Sep 17 00:00:00 2001
From: Mark McDowall <markus.mcd5@gmail.com>
Date: Thu, 27 Jun 2013 17:00:55 -0700
Subject: [PATCH] Prettier root folder

---
 UI/AddSeries/AddSeriesLayout.js                      | 2 +-
 UI/AddSeries/RootFolders/Layout.js                   | 5 ++---
 UI/AddSeries/RootFolders/LayoutTemplate.html         | 6 +++---
 UI/AddSeries/RootFolders/RootFolderItemTemplate.html | 6 +++---
 UI/AddSeries/addSeries.less                          | 4 ++++
 5 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/UI/AddSeries/AddSeriesLayout.js b/UI/AddSeries/AddSeriesLayout.js
index 9ca71b510..a15bec513 100644
--- a/UI/AddSeries/AddSeriesLayout.js
+++ b/UI/AddSeries/AddSeriesLayout.js
@@ -11,7 +11,7 @@ define(
     ], function (App, Marionette, RootFolderLayout, ExistingSeriesCollectionView, AddSeriesView, qualityProfileCollection, rootFolderCollection) {
 
         return Marionette.Layout.extend({
-            template: 'AddSeries/addSeriesLayoutTemplate',
+            template: 'AddSeries/AddSeriesLayoutTemplate',
 
             regions: {
                 workspace: '#add-series-workspace'
diff --git a/UI/AddSeries/RootFolders/Layout.js b/UI/AddSeries/RootFolders/Layout.js
index 210fe5019..0e76a39b0 100644
--- a/UI/AddSeries/RootFolders/Layout.js
+++ b/UI/AddSeries/RootFolders/Layout.js
@@ -21,7 +21,7 @@ define(
             },
 
             events: {
-                'click .x-add': 'addFolder'
+                'click .x-add': '_addFolder'
             },
 
             initialize: function () {
@@ -30,7 +30,6 @@ define(
                 this.rootfolderListView.on('itemview:folderSelected', this._onFolderSelected, this);
             },
 
-
             onRender: function () {
 
                 this.currentDirs.show(this.rootfolderListView);
@@ -41,7 +40,7 @@ define(
                 this.trigger('folderSelected', options);
             },
 
-            addFolder: function () {
+            _addFolder: function () {
                 var newDir = new RootFolderModel({
                     Path: this.ui.pathInput.val()
                 });
diff --git a/UI/AddSeries/RootFolders/LayoutTemplate.html b/UI/AddSeries/RootFolders/LayoutTemplate.html
index d1bf59723..fc387d9df 100644
--- a/UI/AddSeries/RootFolders/LayoutTemplate.html
+++ b/UI/AddSeries/RootFolders/LayoutTemplate.html
@@ -4,9 +4,9 @@
 </div>
 <div class="modal-body">
     <div class="input-prepend input-append x-path">
-        <i class="add-on icon-folder-open"/>
-        <input class="input-block-level" type="text" placeholder="Path of the folder to add ...">
-        <div class="btn icon-plus btn-success x-add"/>
+        <span class="add-on">&nbsp;<i class="icon-folder-open"></i></span>
+        <input class="span5" type="text" placeholder="Path of the folder to add ...">
+        <button class="btn btn-success x-add"><i class="icon-plus"/></button>
     </div>
     <div class="result-list" id="current-dirs"/>
 </div>
diff --git a/UI/AddSeries/RootFolders/RootFolderItemTemplate.html b/UI/AddSeries/RootFolders/RootFolderItemTemplate.html
index 985aaceb3..0f7737375 100644
--- a/UI/AddSeries/RootFolders/RootFolderItemTemplate.html
+++ b/UI/AddSeries/RootFolders/RootFolderItemTemplate.html
@@ -1,10 +1,10 @@
-<td class="span10 x-folder clickable">
+<td class="span10 x-folder folder-path">
    {{path}}
 </td>
-<td class="span3 x-folder clickable">
+<td class="span3 x-folder folder-free-space">
     <span>{{Bytes freeSpace}}</span>
 </td>
 <td class="span1 nz-row-action">
-    <div class="btn btn-danger icon-minus x-remove">
+    <div class="btn btn-small btn-danger icon-minus x-remove">
     </div>
 </td>
diff --git a/UI/AddSeries/addSeries.less b/UI/AddSeries/addSeries.less
index 6525ae417..711276b64 100644
--- a/UI/AddSeries/addSeries.less
+++ b/UI/AddSeries/addSeries.less
@@ -5,6 +5,10 @@
   font-size      : 14px;
   text-align     : left;
   padding-bottom : 30px;
+
+  .folder-path, .folder-free-space {
+    .clickable;
+  }
 }
 
 .existing-root-folder-view {