Recent folder list will scroll when needed

Able to add more than one recent folder without refreshing the page

UI/AddSeries/AddSeriesLayout.js

@@ -39,9 +39,6 @@ define(
                 SeriesCollection.fetch();
                 QualityProfileCollection.fetch();
                 RootFolderCollection.fetch();
-
-                this.rootFolderLayout = new RootFolderLayout();
-                this.rootFolderLayout.on('folderSelected', this._folderSelected, this);
             },
 
             onShow: function () {
@@ -55,6 +52,8 @@ define(
             },
 
             _importSeries: function () {
+                this.rootFolderLayout = new RootFolderLayout();
+                this.rootFolderLayout.on('folderSelected', this._folderSelected, this);
                 App.modalRegion.show(this.rootFolderLayout);
             },
 

UI/AddSeries/RootFolders/LayoutTemplate.html

@@ -11,7 +11,7 @@
     {{#if items}}
     <h4>Recent Folders</h4>
     {{/if}}
-    <div id="current-dirs"/>
+    <div id="current-dirs" class="root-folders-list"></div>
 </div>
 <div class="modal-footer">
     <button class="btn" data-dismiss="modal">close</button>

UI/AddSeries/addSeries.less

@@ -118,5 +118,10 @@ li.add-new:hover {
 }
 
 .root-folders-modal {
-  overflow: visible;
+  overflow: hidden;
+
+  .root-folders-list {
+    overflow: auto;
+    max-height: 300px;
+  }
 }