Update claim card status tag to accommodate long status names.

Remove the 160px max width from tags. There is no need to split a tag into multiple lines by default.
DFE-Digital · Oct 10, 2024 · 60fa54d · 60fa54d
1 parent 9946691
commit 60fa54d
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 6 deletions.
diff --git a/app/assets/stylesheets/components/_all.scss b/app/assets/stylesheets/components/_all.scss
@@ -8,6 +8,7 @@
 @import "organisation_list_item";
 @import "phase_banner";
 @import "primary_navigation";
-@import "secondary_navigation";
 @import "search_results";
+@import "secondary_navigation";
+@import "tag";
 @import "typography";
diff --git a/app/assets/stylesheets/components/_tag.scss b/app/assets/stylesheets/components/_tag.scss
@@ -0,0 +1,3 @@
+.govuk-tag {
+  max-width: unset;
+}
diff --git a/app/assets/stylesheets/components/claim/card.scss b/app/assets/stylesheets/components/claim/card.scss
@@ -8,9 +8,13 @@
 
   .claim-card__header {
     display: flex;
+    flex-direction: row;
     justify-content: space-between;
-    align-items: flex-start;
-    gap: govuk-spacing(2);
+    gap: govuk-spacing(1) govuk-spacing(2);
+
+    @include govuk-media-query($until: desktop) {
+      flex-direction: column;
+    }
 
     .claim-card__header__name {
       display: flex;

diff --git a/app/views/claims/support/claims/_details.html.erb b/app/views/claims/support/claims/_details.html.erb
@@ -15,7 +15,7 @@
       <% row.with_value(text: claim.provider.name) %>
       <% if policy(claim).edit? %>
         <% row.with_action(text: t("change"),
-                           href: create_revision_claims_support_school_claim_path(@school, claim),
+                           href: create_revision_claims_support_school_claim_path(claim.school, claim),
                            html_attributes: {
                 class: "govuk-link--no-visited-state",
                 }) %>
@@ -39,7 +39,7 @@
     <% end %>
     <% if policy(claim).edit? %>
       <% row.with_action(text: t("change"),
-                         href: create_revision_claims_support_school_claim_mentors_path(@school, claim),
+                         href: create_revision_claims_support_school_claim_mentors_path(claim.school, claim),
                          html_attributes: {
                   class: "govuk-link--no-visited-state",
                 }) %>
@@ -56,7 +56,7 @@
     <% if policy(claim).edit? %>
       <% row.with_action(text: t("change"),
                          href: create_revision_claims_support_school_claim_mentor_training_path(
-                           @school,
+                           claim.school,
                            claim,
                            mentor_training.mentor_id,
                          ),