Fix text ellipsis on linked issues/MRs

The fix is to set the min-width to some value other than `auto` for
nested child flex containers. In this case, a min-width of 0 is fine.

The [default minimum size of flex items is `auto`][1], which is why this
fix works.

[1]: https://www.w3.org/TR/css-flexbox-1/#min-size-auto

Changelog: fixed

app/assets/javascripts/vue_shared/components/issue/related_issuable_item.vue

@@ -71,7 +71,7 @@ export default {
       class="item-contents gl-display-flex gl-align-items-center gl-flex-wrap gl-flex-grow-1 flex-xl-nowrap gl-min-h-7"
     >
       <!-- Title area: Status icon (XL) and title -->
-      <div class="item-title d-flex align-items-xl-center mb-xl-0">
+      <div class="item-title d-flex align-items-xl-center mb-xl-0 gl-min-w-0">
         <div ref="iconElementXL">
           <gl-icon
             v-if="hasState"