From c1579f765a8afc19129a3129b1efed6f565765a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Tue, 10 May 2022 07:00:35 +0200
Subject: [PATCH] Fix the look of pills (#8545)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Fix the look of pills

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Fix comment

Co-authored-by: Robin <robin@robin.town>

Co-authored-by: Robin <robin@robin.town>
---
 res/css/views/elements/_Pill.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/res/css/views/elements/_Pill.scss b/res/css/views/elements/_Pill.scss
index 15511601ff..5db3030cb5 100644
--- a/res/css/views/elements/_Pill.scss
+++ b/res/css/views/elements/_Pill.scss
@@ -15,7 +15,7 @@ limitations under the License.
 */
 
 .mx_Pill {
-    padding: $font-1px 0.4em $font-1px 0;
+    padding: $font-1px 0.4em $font-1px 0.4em;
     line-height: $font-17px;
     border-radius: $font-16px;
     vertical-align: text-top;
@@ -47,6 +47,7 @@ limitations under the License.
     }
 
     .mx_BaseAvatar {
+        margin-left: -0.3em; // Otherwise the gap is too large
         position: relative;
         display: inline-flex;
         align-items: center;