diff --git a/hypha/apply/dashboard/templates/dashboard/applicant_dashboard.html b/hypha/apply/dashboard/templates/dashboard/applicant_dashboard.html index a8f6a52096f72b4ffb6aa77666d2714b98441e0a..e5af42f989d2fd517cbae0c854383a6775127ba4 100644 --- a/hypha/apply/dashboard/templates/dashboard/applicant_dashboard.html +++ b/hypha/apply/dashboard/templates/dashboard/applicant_dashboard.html @@ -78,17 +78,17 @@ </div> {% for invoice in active_invoices.data %} <div class="wrapper wrapper--status-bar-outer"> - <div class="wrapper wrapper--status-bar-inner ps-4 pe-4"> - <div class="max-w-[33%] w-full text-start my-auto"> + <div class="wrapper flex flex-wrap justify-between ps-4 pe-4"> + <div class="md:w-1/3 flex flex-col item-start my-auto"> <h4 class="heading heading--no-margin font-bold"><a class="link" href="{{ invoice.get_absolute_url }}"> {% if invoice.invoice_number %}{{ invoice.invoice_number }}{% else %}{{ invoice.vendor_document_number }}{% endif %} </a></h4> <p class="m-0 text-fg-muted text-sm">{% trans "Date added: " %} {{ invoice.requested_at }}</p> </div> - <div class="max-w-[33%] w-full text-center my-auto"> + <div class="md:w-1/3 flex flex-col items-center text-center my-auto"> <p class="text-2xl">{% if invoice.invoice_amount %}{{ invoice.invoice_amount | format_number_as_currency }}{% else %}-{% endif %}</p> </div> - <div class="max-w-[33%] w-full flex my-auto"> + <div class="md:w-1/3 flex flex-col items-end my-auto"> {% display_invoice_table_status_for_user invoice.status request.user as invoice_status %} <div class="w-full flex-1"></div> <div class="max-w-fit w-full text-end">