32720 Create equal padding for emoji on comments and emoji-block

app/assets/stylesheets/framework/awards.scss

@@ -100,7 +100,6 @@
 
 .award-menu-holder {
   display: inline-block;
-  position: absolute;
 
   .tooltip {
     white-space: nowrap;
@@ -108,7 +107,7 @@
 }
 
 .award-control {
-  margin: 0 5px 6px 0;
+  margin: 4px 8px 4px 0;
   outline: 0;
   position: relative;
 

app/assets/stylesheets/pages/issuable.scss

@@ -58,7 +58,7 @@
   }
 
   .emoji-block {
-    padding: 10px 0 4px;
+    padding: 10px 0;
   }
 }
 

app/assets/stylesheets/pages/issues.scss

@@ -249,9 +249,13 @@ ul.related-merge-requests > li {
 }
 
 @media (min-width: $screen-sm-min) {
+  .emoji-block .row {
+    display: flex;
+
     .new-branch-col {
       padding-top: 0;
       text-align: right;
+      align-self: center;
     }
 
     .create-mr-dropdown-wrap {
@@ -259,4 +263,5 @@ ul.related-merge-requests > li {
         display: inline-block;
       }
     }
+  }
 }

changelogs/unreleased/32720-emoji-spacing.yml

+---
+title: Create equal padding for emoji
+merge_request:
+author: