Resolve "Iteration list background color wrong"

ee/app/assets/javascripts/iterations/components/iterations_list.vue

@@ -29,21 +29,19 @@ export default {
 </script>
 
 <template>
-  <div class="milestones mt-0">
-    <ul v-if="iterations.length > 0" class="content-list">
-      <li v-for="iteration in iterations" :key="iteration.id" class="milestone">
-        <div class="gl-mb-3">
-          <gl-link :href="iteration.scopedPath || iteration.webPath">
-            <strong>{{ iteration.title }}</strong>
-          </gl-link>
-        </div>
-        <div class="text-secondary gl-mb-3">
-          {{ formatDate(iteration.startDate) }}–{{ formatDate(iteration.dueDate) }}
-        </div>
-      </li>
-    </ul>
-    <div v-else class="nothing-here-block">
-      {{ __('No iterations to show') }}
-    </div>
+  <ul v-if="iterations.length > 0" class="content-list">
+    <li v-for="iteration in iterations" :key="iteration.id" class="gl-p-4!">
+      <div class="gl-mb-3">
+        <gl-link :href="iteration.scopedPath || iteration.webPath">
+          <strong>{{ iteration.title }}</strong>
+        </gl-link>
+      </div>
+      <div class="text-secondary">
+        {{ formatDate(iteration.startDate) }}–{{ formatDate(iteration.dueDate) }}
+      </div>
+    </li>
+  </ul>
+  <div v-else class="nothing-here-block">
+    {{ __('No iterations to show') }}
   </div>
 </template>

ee/changelogs/unreleased/273552-iteration-list-background-color-wrong.yml

+---
+title: Fix gray background on iterations list page
+merge_request: 47153
+author:
+type: fixed