Polish spacing styles on Jira issue sidebar

ee/app/assets/javascripts/external_issues_show/components/sidebar/assignee.vue

@@ -68,7 +68,9 @@ export default {
           :sub-label="avatarSubLabel"
         />
       </gl-avatar-link>
-      <span v-else class="gl-text-gray-500" data-testid="no-assignee-text">{{ __('None') }}</span>
+      <div v-else class="gl-text-gray-500 gl-line-height-14" data-testid="no-assignee-text">
+        {{ __('None') }}
+      </div>
     </div>
 
     <div

ee/app/assets/javascripts/external_issues_show/components/sidebar/issue_due_date.vue

@@ -66,10 +66,12 @@ export default {
     </div>
 
     <div class="hide-collapsed">
-      <div class="title">{{ $options.i18n.dueDateTitle }}</div>
-      <div class="value" data-testid="due-date-value">
-        <strong v-if="dueDate">{{ formattedDueDate }}</strong>
-        <span v-else class="no-value">{{ $options.i18n.none }}</span>
+      <div class="gl-line-height-20 gl-mb-2 gl-text-gray-900">
+        {{ $options.i18n.dueDateTitle }}
+      </div>
+      <div class="gl-line-height-14" data-testid="due-date-value">
+        <span v-if="dueDate" class="gl-font-weight-bold">{{ formattedDueDate }}</span>
+        <span v-else class="gl-text-gray-500">{{ $options.i18n.none }}</span>
       </div>
     </div>
   </div>

ee/spec/frontend/external_issues_show/components/sidebar/__snapshots__/assignee_spec.js.snap

@@ -52,12 +52,14 @@ exports[`ExternalIssuesSidebarAssignee with no assignee template renders templat
       numberofassignees="0"
     />
      
-    <span
-      class="gl-text-gray-500"
+    <div
+      class="gl-text-gray-500 gl-line-height-14"
       data-testid="no-assignee-text"
     >
+      
       None
-    </span>
+    
+    </div>
   </div>
    
   <div