From 4291eb09e93b57c97c95f3fe53efaa5b4f119e99 Mon Sep 17 00:00:00 2001
From: jorge-hangar <jorge@hangar.org>
Date: Thu, 15 Jul 2021 20:59:23 +0200
Subject: [PATCH] make small changes in forms from browse-control and search
 sorting

---
 asset/scss/global/_omeka.scss | 79 +++++++++++++++++------------------
 1 file changed, 39 insertions(+), 40 deletions(-)

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 {