Merge pull request #3118 from alphagov/margin-bottom-homepage-big-num…

…bers Apply margin bottom to big number component on homepage
alphagov · Jan 18, 2022 · 117a587 · 117a587
2 parents a40ba98 + 0038c8b
commit 117a587
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 37 deletions.
diff --git a/app/assets/stylesheets/views/_homepage.scss b/app/assets/stylesheets/views/_homepage.scss
@@ -229,12 +229,6 @@
   padding: 0;
 }
 
-.homepage-big-number__wrapper {
-  &:nth-child(1) {
-    margin-bottom: govuk-spacing(6);
-  }
-}
-
 .homepage-search {
   @include govuk-media-query($until: "tablet") {
     max-width: 420px;

diff --git a/app/views/homepage/_government_activity.html.erb b/app/views/homepage/_government_activity.html.erb
@@ -36,37 +36,34 @@
       </div>
 
       <div class="homepage-section__depts" data-module="gem-track-click">
-        <div class="homepage-big-number__wrapper">
-          <%= render "govuk_publishing_components/components/big_number", {
-            number: t("homepage.index.ministerial_departments_count"),
-            label: t("homepage.index.ministerial_departments"),
-            href: "/government/organisations#ministerial_departments",
-            data_attributes: {
-              "track-category": "homepageClicked",
-              "track-action": "departmentsLink",
-              "track-label": "/government/organisations#ministerial_departments",
-              "track-dimension": "#{t("homepage.index.ministerial_departments_count")} #{t("homepage.index.ministerial_departments")}",
-              "track-dimension-index": 29,
-              "track-value": 1,
-            },
-          } %>
-        </div>
-
-        <div class="homepage-big-number__wrapper">
-          <%= render "govuk_publishing_components/components/big_number", {
-            number: t("homepage.index.other_agencies_count"),
-            label: t("homepage.index.other_agencies"),
-            href: "/government/organisations#agencies_and_other_public_bodies",
-            data_attributes: {
-              "track-category": "homepageClicked",
-              "track-action": "departmentsLink",
-              "track-label": "/government/organisations#agencies_and_other_public_bodies",
-              "track-dimension": "#{t("homepage.index.other_agencies_count")} #{t("homepage.index.other_agencies")}",
-              "track-dimension-index": 29,
-              "track-value": 1,
-            },
-          } %>
-        </div>
+        <%= render "govuk_publishing_components/components/big_number", {
+          number: t("homepage.index.ministerial_departments_count"),
+          label: t("homepage.index.ministerial_departments"),
+          href: "/government/organisations#ministerial_departments",
+          margin_bottom: 6,
+          data_attributes: {
+            "track-category": "homepageClicked",
+            "track-action": "departmentsLink",
+            "track-label": "/government/organisations#ministerial_departments",
+            "track-dimension": "#{t("homepage.index.ministerial_departments_count")} #{t("homepage.index.ministerial_departments")}",
+            "track-dimension-index": 29,
+            "track-value": 1,
+          },
+        } %>
+        <%= render "govuk_publishing_components/components/big_number", {
+          number: t("homepage.index.other_agencies_count"),
+          label: t("homepage.index.other_agencies"),
+          href: "/government/organisations#agencies_and_other_public_bodies",
+          margin_bottom: 6,
+          data_attributes: {
+            "track-category": "homepageClicked",
+            "track-action": "departmentsLink",
+            "track-label": "/government/organisations#agencies_and_other_public_bodies",
+            "track-dimension": "#{t("homepage.index.other_agencies_count")} #{t("homepage.index.other_agencies")}",
+            "track-dimension-index": 29,
+            "track-value": 1,
+          },
+        } %>
       </div>
     </div>
   </div>