From 544aa549c76d38cd5986f8116b047e1566f14f20 Mon Sep 17 00:00:00 2001
From: NotWearingPants <26556598+NotWearingPants@users.noreply.github.com>
Date: Sat, 23 Oct 2021 21:33:27 +0300
Subject: [PATCH] fix(list): fix styling of multi-digit ordered lists

---
 src/definitions/elements/list.less         | 1 +
 src/themes/default/elements/list.variables | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/definitions/elements/list.less b/src/definitions/elements/list.less
index 1cda55beae..9ec0d37529 100755
--- a/src/definitions/elements/list.less
+++ b/src/definitions/elements/list.less
@@ -703,6 +703,7 @@ ol.ui.list ol li,
     left: auto;
     user-select: none;
     pointer-events: none;
+    transform: translateX(-100%);
     margin-left: -(@orderedCountDistance);
     counter-increment: @orderedCountName;
     content: @orderedCountContent;
diff --git a/src/themes/default/elements/list.variables b/src/themes/default/elements/list.variables
index 1206f30543..23013dfe6b 100644
--- a/src/themes/default/elements/list.variables
+++ b/src/themes/default/elements/list.variables
@@ -179,7 +179,7 @@
 @orderedCountContent: counters(@orderedCountName, @orderedCountSeparator) " ";
 @orderedCountContentSuffixed: counters(@orderedCountName, @orderedCountSeparator) @orderedCountSuffix;
 @orderedCountColor: @textColor;
-@orderedCountDistance: 1.25rem;
+@orderedCountDistance: 0.65rem;
 @orderedCountOpacity: 0.8;
 @orderedCountTextAlign: right;
 @orderedCountVerticalAlign: middle;