Prettier root folder

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'

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()
                 });

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"/>
+        <span class="add-on">&nbsp;<i class="icon-folder-open"></i></span>
-        <input class="input-block-level" type="text" placeholder="Path of the folder to add ...">
+        <input class="span5" type="text" placeholder="Path of the folder to add ...">
-        <div class="btn icon-plus btn-success x-add"/>
+        <button class="btn btn-success x-add"><i class="icon-plus"/></button>
     </div>
     <div class="result-list" id="current-dirs"/>
 </div>

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>

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 {