Merge branch 'fix/button-sizes' into fix/20210728

asset/scss/components/_buttons.scss

@@ -23,6 +23,14 @@ button,.button {
   &.secondary {
     border-color: $secondary-color;
   }
+  &.inactive {
+    color: $light-gray;
+    border-color: $light-gray;
+    cursor: not-allowed ;
+    &:hover {
+      background-color: unset;
+    }
+  }
 }
 .hero {
   button,.button {

asset/scss/global/_omeka.scss

@@ -322,12 +322,12 @@ body.vertical-menu header .desktop {
 }
 
 .browse-control-mobile {
-  // display: none;
-  //
-  // @include breakpoint(small down) {
-  //   display: inline-block;
+   display: none;
+  
+   @include breakpoint(small down) {
+     display: inline-block;
   //   float: right;
-  // }
+   }
 }
 
 .browse-toggle {
@@ -355,9 +355,9 @@ body.vertical-menu header .desktop {
 }
 
 .browse-controls {
-  // @include xy-grid;
-  // justify-content: space-between;
-  // align-items: center;
+   @include xy-grid;
+   justify-content: space-between;
+   align-items: center;
   // margin: 0 (-.5 * $global-margin);
   // font-size: .875 * $global-font-size;
   //
@@ -373,19 +373,19 @@ body.vertical-menu header .desktop {
   //   margin-right: .5 * $global-margin;
   // }
   //
-  // @include breakpoint(small down) {
+   @include breakpoint(small down) {
   //   margin: 0;
-  //   display: none;
-  //
-  //   &.open {
-  //     display: flex;
-  //     align-items: stretch;
-  //   }
-  //
-  //   &.closed {
-  //     display: none;
-  //   }
-  //
+     display: none;
+  
+     &.open {
+       display: flex;
+       align-items: stretch;
+     }
+  
+     &.closed {
+       display: none;
+     }
+  
   //   .sorting,
   //   .omeka-pagination,
   //   .advanced-search {
@@ -395,7 +395,14 @@ body.vertical-menu header .desktop {
   //   .advanced-search {
   //     order: 3;
   //   }
-  // }
+   }
+  .button-group {
+    margin-bottom: 0;
+  }
+  button,.button{
+    font-size: $global-font-size * 0.9;
+    padding: $global-padding*0.7 $global-padding*1.7;
+  }
 }
 
 .filter {
@@ -507,20 +514,20 @@ body.vertical-menu header .desktop {
 }
 
 .omeka-pagination {
-  // @include breakpoint(medium) {
-  //   @include xy-cell(4);
-  // }
+   @include breakpoint(medium) {
+     @include xy-cell();
+   }
 }
 
 .omeka-pagination,
 .omeka-pagination form {
-  // display: flex;
-  // align-items: center;
+   display: flex;
+   align-items: center;
 }
 
 .omeka-pagination .button-group {
-  // flex-wrap: nowrap;
-  // flex-grow: 0;
+   flex-wrap: nowrap;
+   flex-grow: 0;
 }
 
 .omeka-pagination form,
@@ -538,13 +545,13 @@ body.vertical-menu header .desktop {
 }
 
 .sorting {
-  // display: flex;
+   display: flex;
 }
 
 .sorting select {
-  // width: 100%;
-  // height: 100%;
-  // margin-bottom: 0;
+   width: 100%;
+   height: 100%;
+   margin-bottom: 0;
 }
 
 .sorting button {