From 86b4f4d664d35ba8b9a5be2e11fab014c88f4e6a Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Tue, 17 Jan 2023 11:13:55 -0500
Subject: [PATCH] UX: Refactor alignment of tag icon in Discourse onebox
 (#19880)

Followup to 1ce9582a6c3d85201d8a3eec26a2a9c3be887311
---
 app/assets/stylesheets/common/base/onebox.scss | 18 +++++++++---------
 .../stylesheets/common/base/tagging.scss       |  1 -
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss
index e2efc25cc1..94205c7419 100644
--- a/app/assets/stylesheets/common/base/onebox.scss
+++ b/app/assets/stylesheets/common/base/onebox.scss
@@ -777,15 +777,15 @@ aside.onebox.xkcd .onebox-body img {
     margin-bottom: 0.2rem !important;
   }
 
-  .d-icon-tag {
-    width: 0.75rem;
-    padding-top: 0.3rem;
-    position: absolute;
-    color: var(--primary-medium);
-  }
-
-  .discourse-tags .discourse-tag:first-of-type {
-    padding-left: 1rem;
+  .discourse-tags {
+    vertical-align: bottom;
+    .d-icon-tag {
+      font-size: var(--font-down-1);
+      margin-right: 0.35em;
+      margin-top: 0.15em;
+      color: var(--primary-medium);
+      align-self: center;
+    }
   }
 }
 
diff --git a/app/assets/stylesheets/common/base/tagging.scss b/app/assets/stylesheets/common/base/tagging.scss
index cad9c18d98..1014899d57 100644
--- a/app/assets/stylesheets/common/base/tagging.scss
+++ b/app/assets/stylesheets/common/base/tagging.scss
@@ -131,7 +131,6 @@
 .discourse-tags {
   display: inline-flex;
   flex-wrap: wrap;
-  position: relative;
   a,
   span {
     margin-right: 0.25em;