From 31ba972cfc2638e6d90c7af833c895528556a8d1 Mon Sep 17 00:00:00 2001
From: Dan Brown <ssddanbrown@googlemail.com>
Date: Sat, 23 Oct 2021 22:03:03 +0100
Subject: [PATCH] Tweaked sidepart list item padding, Review of #3000

- Scoped padding change to just entity-list-items within the sidebar
  side reduction of right-hand-padding to zero was causing other
  entity-list-items, such as those in the homepage listing, would then
  have no padding.
- Updated styles to use css logical properties to retain support for RTL
  languages such as Arabic, where the whole interface flips around.
  Related: https://css-tricks.com/css-logical-properties-and-values/
---
 resources/sass/_lists.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/resources/sass/_lists.scss b/resources/sass/_lists.scss
index e5ce1a939..c46ac84f3 100644
--- a/resources/sass/_lists.scss
+++ b/resources/sass/_lists.scss
@@ -185,6 +185,7 @@
     padding-bottom: $-xxs;
     background-clip: content-box;
     border-radius: 0 3px 3px 0;
+    padding-inline-end: 0;
     .content {
       padding-top: $-xs;
       padding-bottom: $-xs;
@@ -201,7 +202,7 @@
   .entity-list-item-name {
     font-size: 1em;
     margin: 0;
-    margin-right: $-m;
+    margin-inline-end: $-m;
   }
   .chapter-child-menu {
     font-size: .8rem;
@@ -411,7 +412,7 @@ ul.pagination {
 }
 
 .entity-list-item, .icon-list-item {
-  padding: $-s 0 $-s $-m;
+  padding: $-s $-m;
   display: flex;
   align-items: center;
   background-color: transparent;