From ef28514686737ac06d1915f548c089a1e61a4727 Mon Sep 17 00:00:00 2001
From: Raphael Wickihalder <raphael.wickihalder@odysee.com>
Date: Wed, 9 Mar 2022 22:28:37 +0100
Subject: [PATCH] Align premium badge in header

---
 ui/component/common/icon-custom.jsx | 11 +++--------
 ui/scss/component/_header.scss      |  9 +++++++++
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/ui/component/common/icon-custom.jsx b/ui/component/common/icon-custom.jsx
index d685ecd66..f34a232e1 100644
--- a/ui/component/common/icon-custom.jsx
+++ b/ui/component/common/icon-custom.jsx
@@ -2795,7 +2795,7 @@ export const icons = {
       <line className="early-access--st0" x1="314.7" y1="380.8" x2="295.1" y2="400.5" />
       <text
         transform="matrix(1 0 0 1 294.7307 394.0567)"
-        style={{ fill: '#DCBDA2', 'fontFamily': 'Roboto-Bold', 'fontSize': '10.1968px' }}
+        style={{ fill: '#DCBDA2', fontFamily: 'Roboto-Bold', fontSize: '10.1968px' }}
       >
         ADS
       </text>
@@ -2847,7 +2847,7 @@ export const icons = {
       <line className="member-bage--st0" x1="314.7" y1="433.6" x2="295.1" y2="453.2" />
       <text
         transform="matrix(1 0 0 1 294.7307 446.8067)"
-        style={{ fill: '#DCBDA2', 'fontFamily': 'Roboto-Bold', 'fontSize': '10.1968px' }}
+        style={{ fill: '#DCBDA2', fontFamily: 'Roboto-Bold', fontSize: '10.1968px' }}
       >
         ADS
       </text>
@@ -2901,7 +2901,7 @@ export const icons = {
       <line className="st0--no-ads" x1="314.7" y1="331.8" x2="295.1" y2="351.5" />
       <text
         transform="matrix(1 0 0 1 294.7307 345.0567)"
-        style={{ fill: '#DCBDA2', 'fontFamily': 'Roboto-Bold', 'fontSize': '10.1968px' }}
+        style={{ fill: '#DCBDA2', fontFamily: 'Roboto-Bold', fontSize: '10.1968px' }}
       >
         ADS
       </text>
@@ -3101,11 +3101,6 @@ export const icons = {
         className="premium-plus--st5"
         points="20.5,20.1 11.6,20.1 11.2,14.3 14.2,15.8 16,12.4 17.9,15.8 21,14.2 "
       />
-      <polygon
-        id="XMLID_24_"
-        className="premium-plus--st6"
-        points="16.1,20.8 21.1,20.8 21.7,13.2 18.1,14.9 16.1,11.3 16.1,7.8 23.9,12.3 23.9,21.616.1,25.9 "
-      />
       <polygon
         id="XMLID_23_"
         className="premium-plus--st6"
diff --git a/ui/scss/component/_header.scss b/ui/scss/component/_header.scss
index 86b6642d7..4efc03e18 100644
--- a/ui/scss/component/_header.scss
+++ b/ui/scss/component/_header.scss
@@ -57,6 +57,15 @@
     color: var(--color-odysee-contrast) !important;
   }
 
+  .comment__badge {
+    padding-right: var(--spacing-xxs);
+
+    .icon {
+      margin-bottom: -4px;
+      width: 18px;
+    }
+  }
+
   @media (max-width: $breakpoint-small) {
     .card__actions--between {
       .header__menu--left,