From 421a83e093d97de3240a21571360ffde40dc9ff6 Mon Sep 17 00:00:00 2001
From: ngerow2025 <ngerow12025@gmail.com>
Date: Sat, 28 Feb 2026 17:33:12 -0500
Subject: [PATCH 1/2] improve the formatting for car cards on narrower screen
 sizes and larger car descriptions

---
 src/frontend/src/components/CarTable.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/components/CarTable.vue b/src/frontend/src/components/CarTable.vue
index c928102..aabfc0e 100644
--- a/src/frontend/src/components/CarTable.vue
+++ b/src/frontend/src/components/CarTable.vue
@@ -10,7 +10,7 @@ import BlankIcon from './icons/BlankIcon.vue';
 <template>
   <Loading v-if="loading" />
   <div v-else>
-    <table class="table">
+    <table class="table whitespace-normal">
       <thead>
         <tr>
           <th scope="col" @click="changeSort('driver')">

From c3cffc081bcd4356321aece42f2a2efe6e8b2b2f Mon Sep 17 00:00:00 2001
From: ngerow2025 <ngerow12025@gmail.com>
Date: Sat, 28 Feb 2026 19:00:36 -0500
Subject: [PATCH 2/2] remove white-space: nowrap to actually fix the issues

---
 src/frontend/src/components/CarTable.vue | 2 +-
 src/frontend/src/views/HomeView.vue      | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/frontend/src/components/CarTable.vue b/src/frontend/src/components/CarTable.vue
index aabfc0e..c928102 100644
--- a/src/frontend/src/components/CarTable.vue
+++ b/src/frontend/src/components/CarTable.vue
@@ -10,7 +10,7 @@ import BlankIcon from './icons/BlankIcon.vue';
 <template>
   <Loading v-if="loading" />
   <div v-else>
-    <table class="table whitespace-normal">
+    <table class="table">
       <thead>
         <tr>
           <th scope="col" @click="changeSort('driver')">
diff --git a/src/frontend/src/views/HomeView.vue b/src/frontend/src/views/HomeView.vue
index f7c33a5..97c868b 100644
--- a/src/frontend/src/views/HomeView.vue
+++ b/src/frontend/src/views/HomeView.vue
@@ -112,7 +112,6 @@ export default defineComponent({
 
 .noOverflow > * {
   overflow: auto;
-  white-space: nowrap;
   text-overflow: ellipsis;
 }