Modify styles to support short titles

Added rules to better support responsiveness Ensured short titles are well supported

Modify styles to support short titles
Added rules to better support responsiveness Ensured short titles are well supported
5af414b9 · Nick Kipling · 4210d5ba · 5af414b9
Commit 5af414b9 authored May 15, 2020 by Nick Kipling
Hide whitespace changes
Inline Side-by-side

Showing with 5 additions and 5 deletions

ee/app/assets/javascripts/packages/list/coming_soon/packages_coming_soon.vue ...cripts/packages/list/coming_soon/packages_coming_soon.vue +5 -5

No files found.
--- a/ee/app/assets/javascripts/packages/list/coming_soon/packages_coming_soon.vue
+++ b/ee/app/assets/javascripts/packages/list/coming_soon/packages_coming_soon.vue
@@ -119,11 +119,9 @@ export default {
          v-for="issue in data"
          :key="issue.iid"
          data-testid="issue-row"
-          class="gl-responsive-table-row"
+          class="gl-responsive-table-row gl-flex-direction-column gl-align-items-baseline"
        >
-          <div
+          <div class="table-section section-100 gl-white-space-normal text-truncate">
-            class="table-section section-100 align-items-md-center gl-flex-wrap gl-white-space-normal"
-          >
            <gl-link
              data-testid="issue-title-link"
              :href="issue.webUrl"
@@ -132,8 +130,10 @@ export default {
            >
              {{ issue.title }}
            </gl-link>
+          </div>
-            <div class="gl-display-flex gl-text-gray-600 gl-mt-5">
+          <div class="table-section section-100 gl-white-space-normal mt-md-3">
+            <div class="gl-display-flex gl-text-gray-600">
              <gl-icon name="issues" class="gl-mr-2" />
              <gl-link
                data-testid="issue-id-link"