From 8e2177b77901ae540ed4f57ad610091ae027ac0e Mon Sep 17 00:00:00 2001
From: Dale Cannon <dale.cannon@digital.trade.gov.uk>
Date: Thu, 14 Mar 2024 10:59:23 +0000
Subject: [PATCH] Change worbasket action buttons styling

---
 common/jinja2/common/homepage.jinja        | 16 ++++++++--------
 common/static/common/scss/_components.scss |  6 ++++--
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/common/jinja2/common/homepage.jinja b/common/jinja2/common/homepage.jinja
index b481b65df..1949fe248 100644
--- a/common/jinja2/common/homepage.jinja
+++ b/common/jinja2/common/homepage.jinja
@@ -29,15 +29,15 @@
             <div class="govuk-grid-column-one-half">
               <a
                 href="{{ url('workbaskets:workbasket-ui-create') }}"
-                class="govuk-button govuk-button--secondary govuk-"
-              >Create a workbasket</a>
+                class="govuk-button homepage-workbasket-action"
+              >Create a <br> workbasket</a>
             </div>
 
             <div class="govuk-grid-column-one-half">
               <a
                 href="{{ url('workbaskets:workbasket-ui-list') }}"
-                class="govuk-button govuk-button--secondary"
-              >Edit a workbasket</a>
+                class="govuk-button homepage-workbasket-action"
+              >Edit a <br> workbasket</a>
             </div>
           {% endif %}
 
@@ -45,16 +45,16 @@
             <div class="govuk-grid-column-one-half">
               <a
                 href="{{ url('publishing:packaged-workbasket-queue-ui-list') }}"
-                class="govuk-button govuk-button--secondary"
-              >Package a workbasket</a>
+                class="govuk-button homepage-workbasket-action"
+              >Package <br> workbaskets</a>
             </div>
           {% endif %}
 
           <div class="govuk-grid-column-one-half">
             <a
               href="{{ url('workbaskets:workbasket-ui-list-all') }}"
-              class="govuk-button govuk-button--secondary"
-            >Search for workbaskets</a>
+              class="govuk-button homepage-workbasket-action"
+            >Search for <br> workbaskets</a>
           </div>
         </div>
       </article>
diff --git a/common/static/common/scss/_components.scss b/common/static/common/scss/_components.scss
index 1ed6a40fe..dad8f78d7 100644
--- a/common/static/common/scss/_components.scss
+++ b/common/static/common/scss/_components.scss
@@ -115,8 +115,6 @@
 }
 
 #current-workbasket {
-  display: inline-block;
-
   a, form {
     display: inline-block;
   }
@@ -155,3 +153,7 @@
     height: 48px;
   }
 }
+
+.homepage-workbasket-action {
+  width: 100%;
+}