Code improvements

app/assets/javascripts/issuable/related_issues/components/issue_item.vue

@@ -4,6 +4,13 @@ import relatedIssueMixin from '../mixins/related_issues_mixin';
 export default {
   name: 'IssueItem',
   mixins: [relatedIssueMixin],
+  props: {
+    canReorder: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+  },
   computed: {
     stateTitle() {
       return this.isOpen ? 'Open' : 'Closed';

app/assets/javascripts/issuable/related_issues/components/issue_token.vue

@@ -42,7 +42,6 @@ export default {
       :class="{
         'issue-token-link': isCondensed,
         'issue-main-info': !isCondensed,
-        'sortable-link': canReorder
       }"
       :href="computedPath"
       :title="issueTitle"
@@ -89,7 +88,7 @@ export default {
       v-tooltip
       ref="removeButton"
       type="button"
-      class="js-issue-token-remove-button flex-right"
+      class="js-issue-token-remove-button"
       :class="{
         'issue-token-remove-button': isCondensed,
         'btn btn-default': !isCondensed

app/assets/javascripts/issuable/related_issues/mixins/related_issues_mixin.js

@@ -41,11 +41,6 @@ const mixins = {
       required: false,
       default: false,
     },
-    canReorder: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
   },
   directives: {
     tooltip,

app/assets/stylesheets/pages/issuable.scss

@@ -664,6 +664,7 @@
       padding-right: $gl-padding;
 
       .issue-main-info {
+        flex: 1 auto;
         margin-right: 10px;
         min-width: 0;
       }

spec/javascripts/issuable/related_issues/components/related_issues_root_spec.js

@@ -14,7 +14,7 @@ const issuable1 = {
   title: 'issue1',
   path: '/foo/bar/issues/123',
   state: 'opened',
-  destroy_relation_path: '/foo/bar/issues/123/related_issues/1',
+  relation_path: '/foo/bar/issues/123/related_issues/1',
 };
 
 const issuable2 = {
@@ -23,7 +23,7 @@ const issuable2 = {
   title: 'issue1',
   path: '/foo/bar/issues/124',
   state: 'opened',
-  destroy_relation_path: '/foo/bar/issues/124/related_issues/1',
+  relation_path: '/foo/bar/issues/124/related_issues/1',
 };
 
 describe('RelatedIssuesRoot', () => {

spec/javascripts/issuable/related_issues/stores/related_issues_store_spec.js

@@ -6,7 +6,7 @@ const issuable1 = {
   title: 'issue1',
   path: '/foo/bar/issues/123',
   state: 'opened',
-  destroy_relation_path: '/foo/bar/issues/123/related_issues/1',
+  relation_path: '/foo/bar/issues/123/related_issues/1',
 };
 
 const issuable2 = {
@@ -15,7 +15,7 @@ const issuable2 = {
   title: 'issue1',
   path: '/foo/bar/issues/124',
   state: 'opened',
-  destroy_relation_path: '/foo/bar/issues/124/related_issues/1',
+  relation_path: '/foo/bar/issues/124/related_issues/1',
 };
 
 describe('RelatedIssuesStore', () => {