diff --git a/app/views/spree/admin/orders/_per_page_controls.html.haml b/app/views/spree/admin/orders/_per_page_controls.html.haml index 0b34cd4e8a..fbde2d5f06 100644 --- a/app/views/spree/admin/orders/_per_page_controls.html.haml +++ b/app/views/spree/admin/orders/_per_page_controls.html.haml @@ -1,4 +1,5 @@ -.per-page{'ng-show' => '!RequestMonitor.loading && orders.length > 0'} +- position ||= "" +.per-page{'ng-show' => '!RequestMonitor.loading && orders.length > 0', class: ("right" if position == "right") } %input.per-page-select.ofn-select2{type: 'number', data: 'per_page_options', 'min-search' => 999, 'ng-model' => 'per_page', 'ng-change' => 'fetchResults()'} %span.per-page-feedback diff --git a/app/webpacker/css/admin/components/per_page_controls.scss b/app/webpacker/css/admin/components/per_page_controls.scss index 34ae9f7737..1b4e2dc3f9 100644 --- a/app/webpacker/css/admin/components/per_page_controls.scss +++ b/app/webpacker/css/admin/components/per_page_controls.scss @@ -1,6 +1,17 @@ .per-page { float: left; + &.right { + display: flex; + flex-direction: row-reverse; + align-items: center; + + .per-page-feedback { + margin-right: 1em; + margin-left: 0; + } + } + .per-page-feedback { margin-left: 1em; }