Merge branch '277333-reduce-spacing-around-swimlanes' into 'master'

Reduce spacing around Swimlanes

See merge request gitlab-org/gitlab!47143

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

@@ -118,7 +118,7 @@ export default {
 <template>
   <div>
     <div class="board-epic-lane gl-sticky gl-left-0 gl-display-inline-block">
-      <div class="gl-py-5 gl-px-3 gl-display-flex gl-align-items-center">
+      <div class="gl-pb-5 gl-px-3 gl-display-flex gl-align-items-center">
         <gl-button
           v-gl-tooltip.hover.right
           :aria-label="chevronTooltip"
@@ -131,7 +131,7 @@ export default {
         />
         <h4
           ref="epicTitle"
-          class="gl-mr-3 gl-font-weight-bold gl-font-base gl-white-space-nowrap gl-text-overflow-ellipsis gl-overflow-hidden"
+          class="gl-my-0 gl-mr-3 gl-font-weight-bold gl-font-base gl-white-space-nowrap gl-text-overflow-ellipsis gl-overflow-hidden"
         >
           {{ epic.title }}
         </h4>
@@ -158,7 +158,7 @@ export default {
         <gl-loading-icon v-if="isLoading" class="gl-p-2" />
       </div>
     </div>
-    <div v-if="!isCollapsed" class="gl-display-flex" data-testid="board-epic-lane-issues">
+    <div v-if="!isCollapsed" class="gl-display-flex gl-pb-5" data-testid="board-epic-lane-issues">
       <issues-lane-list
         v-for="list in lists"
         :key="`${list.id}-issues`"

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

@@ -107,7 +107,7 @@ export default {
     <component
       :is="treeRootWrapper"
       v-bind="treeRootOptions"
-      class="board-swimlanes-headers gl-display-table gl-sticky gl-pt-5 gl-bg-white gl-top-0 gl-z-index-3"
+      class="board-swimlanes-headers gl-display-table gl-sticky gl-pt-5 gl-mb-5 gl-bg-white gl-top-0 gl-z-index-3"
       data-testid="board-swimlanes-headers"
       @end="handleDragOnEnd"
     >
@@ -140,7 +140,7 @@ export default {
         :can-admin-list="canAdminList"
       />
       <div class="board-lane-unassigned-issues-title gl-sticky gl-display-inline-block gl-left-0">
-        <div class="gl-left-0 gl-py-5 gl-px-3 gl-display-flex gl-align-items-center">
+        <div class="gl-left-0 gl-pb-5 gl-px-3 gl-display-flex gl-align-items-center">
           <span
             class="gl-mr-3 gl-font-weight-bold gl-white-space-nowrap gl-text-overflow-ellipsis gl-overflow-hidden"
           >