From 0be499893eb049803271ab154d8540df91c659cd Mon Sep 17 00:00:00 2001
From: Justin Coyne <jcoyne@justincoyne.com>
Date: Fri, 7 Jun 2024 15:18:30 -0500
Subject: [PATCH] Use logical properties for margin and padding on facet layout

This better supports rtl writing modes
---
 app/assets/stylesheets/blacklight/_facets.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/blacklight/_facets.scss b/app/assets/stylesheets/blacklight/_facets.scss
index 2734f859ea..b22410ce18 100644
--- a/app/assets/stylesheets/blacklight/_facets.scss
+++ b/app/assets/stylesheets/blacklight/_facets.scss
@@ -230,16 +230,16 @@ $facet-toggle-width: 1em !default;
 $facet-toggle-height: $facet-toggle-width !default;
 
 .facet-toggle-handle {
-  @extend .my-0;
-  @extend .py-0;
-  @extend .px-2;
+  margin-block: 0;
+  padding-block: 0;
+  padding-inline: 0.5rem;
 
   // keep the icon span centered in the button, but shift to the left for equal spacing inside row
-  margin-left: -1 * $btn-padding-x;
+  margin-inline-start: -1 * $btn-padding-x;
 
   .pivot-facet & {
     // shift pivot values a little more aggressively for better compact display
-    margin-left: -2 * $btn-padding-x;
+    margin-inline-start: -2 * $btn-padding-x;
   }
 
   &.collapsed {