From f371be9bc21a5b08d9aaaedda905afc7bd3ab345 Mon Sep 17 00:00:00 2001
From: Khaled Smaoui <khaled.smaoui@gov.bc.ca>
Date: Mon, 20 Jan 2025 14:35:52 -0800
Subject: [PATCH] Show contract titles as column instead of a row view for
 mobile browser, added spacing

---
 web-app/resources/js/components/DashboardComponent.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web-app/resources/js/components/DashboardComponent.vue b/web-app/resources/js/components/DashboardComponent.vue
index 8c2b4db2d..13189229e 100644
--- a/web-app/resources/js/components/DashboardComponent.vue
+++ b/web-app/resources/js/components/DashboardComponent.vue
@@ -391,9 +391,10 @@
 @media (max-width: 1024px){
     .contacts-stats-summary-box {
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     justify-content: space-between;
     font-size: 1.0rem;
+    gap: 1.0rem;
 }
 }