Group weight icon and text on issue list and issue boards

app/views/projects/issues/_issue.html.haml

@@ -40,7 +40,7 @@
               = link_to_label(label, subject: issue.project, css_class: 'label-link')
 
           - if issue.weight
-            %span.issuable-weight.has-tooltip{ data: { container: 'body' }, title: _('Weight') }
+            %span.issuable-weight.d-none.d-sm-inline-block.has-tooltip{ data: { container: 'body' }, title: _('Weight') }
                
               = icon('balance-scale')
               = issue.weight

ee/app/assets/javascripts/boards/components/issue_card_weight.vue

@@ -23,7 +23,7 @@ export default {
   <span
     v-tooltip
     :title="__('Weight')"
-    class="board-card-weight card-number prepend-left-5"
+    class="board-card-weight card-number prepend-left-5 d-inline-block"
     data-container="body"
     data-placement="bottom"
   >

ee/changelogs/unreleased/group-weight-icon-and-text.yml

+---
+title: Group weight icon and text on issue list and issue boards
+merge_request: 7484
+author: George Tsiolis
+type: other