Merge branch 'cleaner-additional-award-emoji-button' into 'master'

Removed unnecessary 'add' text in additional award emoji button

See merge request !10124

app/assets/stylesheets/framework/awards.scss

@@ -92,6 +92,10 @@
 .award-menu-holder {
   display: inline-block;
   position: relative;
+
+  .tooltip {
+    white-space: nowrap;
+  }
 }
 
 .award-control {
@@ -124,6 +128,10 @@
     &:focus {
       outline: 0;
     }
+
+    .award-control-icon {
+      margin: 0;
+    }
   }
 
   &.is-loading {
@@ -153,6 +161,7 @@
   .award-control-icon {
     color: $border-gray-normal;
     margin-top: 1px;
+    padding: 0 2px;
   }
 
   .award-control-text {

app/views/award_emoji/_awards_block.html.haml

@@ -10,8 +10,8 @@
 
   - if current_user
     .award-menu-holder.js-award-holder
-      %button.btn.award-control.js-add-award{ type: "button" }
+      %button.btn.award-control.has-tooltip.js-add-award{ type: 'button',
+        'aria-label': 'Add emoji',
+        data: { title: 'Add emoji', placement: "bottom" } }
         = icon('smile-o', class: "award-control-icon award-control-icon-normal")
         = icon('spinner spin', class: "award-control-icon award-control-icon-loading")
-        %span.award-control-text
-          Add

changelogs/unreleased/cleaner-additional-award-emoji-button.yml

+---
+title: Removed unnecessary 'add' text in additional award emoji button
+merge_request:
+author: