diff --git a/src/UI/Content/theme.less b/src/UI/Content/theme.less index 5f1dd6725..e5916eb0c 100644 --- a/src/UI/Content/theme.less +++ b/src/UI/Content/theme.less @@ -15,19 +15,41 @@ @import "../Shared/Styles/card"; @import "../Rename/rename"; -.page-toolbar { - margin-top : 10px; - margin-bottom : 30px; +.toolbar { - .toolbar-group { - display: inline-block; + &:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; } - .sorting-buttons { - .sorting-title { + .page-toolbar { + margin-top : 10px; + margin-bottom : 30px; + + .toolbar-group { display: inline-block; - width: 110px; } + + .sorting-buttons { + .sorting-title { + display: inline-block; + width: 110px; + } + } + } +} + +.toolbars { + margin-top : 5px; + margin-bottom : 30px; + + .page-toolbar { + margin-top : 5px; + margin-bottom : 0px; } } diff --git a/src/UI/Series/Index/SeriesIndexLayout.js b/src/UI/Series/Index/SeriesIndexLayout.js index c5cc9ca51..fc42b2ea1 100644 --- a/src/UI/Series/Index/SeriesIndexLayout.js +++ b/src/UI/Series/Index/SeriesIndexLayout.js @@ -41,6 +41,7 @@ define( regions: { seriesRegion : '#x-series', toolbar : '#x-toolbar', + toolbar2 : '#x-toolbar2', footer : '#x-series-footer' }, @@ -237,6 +238,12 @@ define( }; }, + onShow: function () { + this._showToolbar(); + this._renderView(); + this._fetchCollection(); + }, + _showTable: function () { this.currentView = new Backgrid.Grid({ collection: this.seriesCollection, @@ -277,12 +284,6 @@ define( } }, - onShow: function () { - this._showToolbar(); - this._renderView(); - this._fetchCollection(); - }, - _fetchCollection: function () { this.seriesCollection.fetch(); }, @@ -300,8 +301,6 @@ define( } var rightButtons = [ - this.sortingOptions, - this.filteringOptions, this.viewButtons ]; @@ -313,6 +312,17 @@ define( ], context: this })); + + this.toolbar2.show(new ToolbarLayout({ + right : [ + this.filteringOptions + ], + left : + [ + this.sortingOptions + ], + context: this + })); }, _showFooter: function () { diff --git a/src/UI/Series/Index/SeriesIndexLayoutTemplate.html b/src/UI/Series/Index/SeriesIndexLayoutTemplate.html index 40124822f..08353e5c1 100644 --- a/src/UI/Series/Index/SeriesIndexLayoutTemplate.html +++ b/src/UI/Series/Index/SeriesIndexLayoutTemplate.html @@ -1,4 +1,7 @@ -
+