Group Badge: Fix margin between Boost icoon and badge (#6821)

src/components/middle/message/Message.tsx

@@ -1734,6 +1734,8 @@ const Message = ({
           </span>
         )}
         <div className="title-spacer" />
+        {((!shouldSkipRenderAdminTitle && !signature) || canShowSenderBoosts) && (
+          <span className="message-title-meta">
             {(!shouldSkipRenderAdminTitle && !signature) ? (forwardInfo?.isLinkedChannelPost ? (
               <span className="admin-title" dir="auto">{oldLang('DiscussChannel')}</span>
             ) : message.postAuthorTitle && isGroup && !asForwarded ? (
@@ -1755,6 +1757,8 @@ const Message = ({
                 {senderBoosts > 1 ? senderBoosts : undefined}
               </span>
             )}
+          </span>
+        )}
       </div>
     );
   }

src/components/middle/message/_message-content.scss

@@ -398,9 +398,21 @@
       flex-grow: 1;
     }
 
+    .message-title-meta {
+      user-select: none;
+
+      display: flex;
+      align-items: center;
+      gap: 0.25rem;
+      margin-left: 1rem;
+    }
+
     .admin-title-badge, .admin-title {
       user-select: none;
-      margin-left: 1rem;
+    }
+
+    .admin-title-badge:last-child {
+      margin-right: -0.1875rem;
     }
 
     .admin-title {
@@ -414,19 +426,12 @@
       }
     }
 
-    .admin-title-badge {
-      margin-right: -0.1875rem;
-    }
-
     .sender-boosts {
       user-select: none;
 
       display: flex;
       align-items: center;
 
-      margin-top: -0.125rem;
-      margin-inline-start: 0.125rem;
-
       font-size: 0.75rem;
     }
   }