Change worbasket action buttons styling

uktrade · Mar 14, 2024 · 8e2177b · 8e2177b
1 parent 47ed7dc
commit 8e2177b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/common/jinja2/common/homepage.jinja b/common/jinja2/common/homepage.jinja
@@ -29,32 +29,32 @@
             <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 %}
 
           {% if can_manage_packaging %}
             <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
@@ -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%;
+}