Align Reset Filters Button (#3093)

vufind-org · Sep 15, 2023 · abe0d08 · abe0d08
1 parent 64cbd82
commit abe0d08
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 10 deletions.
diff --git a/themes/bootprint3/css/compiled.css b/themes/bootprint3/css/compiled.css
diff --git a/themes/bootstrap3/css/compiled.css b/themes/bootstrap3/css/compiled.css
diff --git a/themes/bootstrap3/less/components/search.less b/themes/bootstrap3/less/components/search.less
@@ -483,8 +483,10 @@ body.rtl {
 .active-filters {
   clear: both;
   display: flex;
-  justify-content: flex-start;
-  align-items: baseline;
+  gap: 1rem;
+  align-items: start;
+  margin-block: 0.5rem;
+
   .retain-filters {
     float: right;
   }
@@ -509,7 +511,7 @@ body.rtl {
   }
   .filters {
     flex: 10 1 auto;
-    padding: 5px 0 5px 10px;
+
     .collapse {
       display: none;
       .in {
@@ -575,6 +577,9 @@ body.rtl {
     background-color: rgba(0,0,0,.1);
   }
 }
+.reset-filters-btn {
+  flex: none;
+}
 
 .active-filters .filters a.filter-value:hover,
 .active-filters .filters a.filter-value:focus {

diff --git a/themes/bootstrap3/scss/components/search.scss b/themes/bootstrap3/scss/components/search.scss
@@ -483,8 +483,10 @@ body.rtl {
 .active-filters {
   clear: both;
   display: flex;
-  justify-content: flex-start;
-  align-items: baseline;
+  gap: 1rem;
+  align-items: start;
+  margin-block: 0.5rem;
+
   .retain-filters {
     float: right;
   }
@@ -509,7 +511,7 @@ body.rtl {
   }
   .filters {
     flex: 10 1 auto;
-    padding: 5px 0 5px 10px;
+
     .collapse {
       display: none;
       .in {
@@ -575,6 +577,9 @@ body.rtl {
     background-color: rgba(0,0,0,.1);
   }
 }
+.reset-filters-btn {
+  flex: none;
+}
 
 .active-filters .filters a.filter-value:hover,
 .active-filters .filters a.filter-value:focus {

diff --git a/themes/local_theme_example/css/compiled.css b/themes/local_theme_example/css/compiled.css
diff --git a/themes/sandal/css/compiled.css b/themes/sandal/css/compiled.css