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/

diff --git a/resources/sass/_lists.scss b/resources/sass/_lists.scss
index e5ce1a9398e5f7741b92501cf981cd698103228b..c46ac84f35e45f09ebd89cf31482fb12230af8ea 100644 (file)
--- 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;