Premium Icon: Fix positioning

2022-10-17 17:51:30 +02:00 · 2022-10-17 17:51:30 +02:00 · 27c7ac6503
commit 27c7ac6503
parent dc41aa0ea9
3 changed files with 2 additions and 10 deletions
--- a/src/components/common/PremiumIcon.scss
+++ b/src/components/common/PremiumIcon.scss
@ -1,6 +1,6 @@
 .PremiumIcon {
-  display: inline-block;
  flex-shrink: 0;
+  display: flex;
  width: 1rem;
  height: 1rem;

@ -16,11 +16,6 @@
    height: 100%;
  }

-  &:not(.gradient) > svg {
-    position: relative;
-    top: -2px;
-  }
-
  &.clickable {
    cursor: pointer;
    pointer-events: auto;
--- a/src/components/middle/MiddleHeader.scss
+++ b/src/components/middle/MiddleHeader.scss
@ -292,10 +292,6 @@
        height: 1.25rem;
      }

-      .VerifiedIcon, .PremiumIcon {
-        margin-top: 0.0625rem;
-      }
-
      .custom-emoji {
        --custom-emoji-size: 1.375rem;
      }
--- a/src/components/middle/message/_message-content.scss
+++ b/src/components/middle/message/_message-content.scss
@ -220,6 +220,7 @@

    .message-title-name {
      display: flex;
+      align-items: center;
    }

    & > .interactive {