diff --git a/asset/scss/global/_omeka.scss b/asset/scss/global/_omeka.scss index 82f11cd..10823eb 100644 --- a/asset/scss/global/_omeka.scss +++ b/asset/scss/global/_omeka.scss @@ -355,36 +355,34 @@ body.vertical-menu header .desktop { } .browse-controls { - // @include xy-grid; - // justify-content: space-between; - // align-items: center; - // margin: 0 (-.5 * $global-margin); - // font-size: .875 * $global-font-size; - // - // input, - // select, - // button, - // .button { + @include xy-grid; + justify-content: space-between; + align-items: center; + input, + select, + button, + .button { // font-size: .875 * $global-font-size; // padding: (.5 * $global-padding); - // } - // - // .sorting select { - // margin-right: .5 * $global-margin; - // } - // - // @include breakpoint(small down) { - // margin: 0; - // display: none; - // - // &.open { - // display: flex; - // align-items: stretch; - // } - // - // &.closed { - // display: none; - // } + width: auto; + } + + .sorting select { + // margin-right: .5 * $global-margin; + } + + @include breakpoint(small down) { + margin: 0; + display: none; + + &.open { + display: flex; + align-items: stretch; + } + + &.closed { + display: none; + } // // .sorting, // .omeka-pagination, @@ -395,7 +393,7 @@ body.vertical-menu header .desktop { // .advanced-search { // order: 3; // } - // } + } } .filter { @@ -537,18 +535,19 @@ body.vertical-menu header .desktop { // margin-bottom: 0; } + .sorting { - // display: flex; -} - -.sorting select { - // width: 100%; - // height: 100%; - // margin-bottom: 0; -} - -.sorting button { - // margin-bottom: 0; + display: flex; + button,.button { + padding: 0 $global-padding*1.4; + font-size: $global-font-size * 0.85; + margin: 0 $global-margin; + } + select { + // width: 100%; + // height: 100%; + margin-bottom: 0; + } } .layout-toggle button {