From 8841aa04163d9dfbb1b6b2cf44f05427b41af305 Mon Sep 17 00:00:00 2001
From: Jen Beckett <115109120+jenbeckett@users.noreply.github.com>
Date: Tue, 6 Aug 2024 12:54:45 -0700
Subject: [PATCH 1/2] small UI updates

---
 .../components/supp-allowances/TransportationAllowance.vue   | 4 ++--
 frontend/src/components/ui/AppDocumentUpload.vue             | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/supp-allowances/TransportationAllowance.vue b/frontend/src/components/supp-allowances/TransportationAllowance.vue
index a42aea76..84820395 100644
--- a/frontend/src/components/supp-allowances/TransportationAllowance.vue
+++ b/frontend/src/components/supp-allowances/TransportationAllowance.vue
@@ -40,10 +40,10 @@
   <div v-for="(model, index) in models" :key="model.supplementaryApplicationId ? model.supplementaryApplicationId : model.id" @input="update(model)">
     <v-card class="my-10" :class="{ greyTop: readOnly(model), 'basic-card': !readOnly(model) }" :disabled="readOnly(model)">
       <v-row class="pa-7 pt-10">
-        <v-col cols="1">
+        <v-col cols="10" md="1">
           <AppLabel>Vehicle</AppLabel>
         </v-col>
-        <v-col v-if="!readOnly(model)">
+        <v-col v-if="!readOnly(model)" cols="1">
           <v-icon large class="mt-n2" @click="deleteModel(model, index)">mdi-delete-forever</v-icon>
         </v-col>
       </v-row>
diff --git a/frontend/src/components/ui/AppDocumentUpload.vue b/frontend/src/components/ui/AppDocumentUpload.vue
index 15237e6b..8f120100 100644
--- a/frontend/src/components/ui/AppDocumentUpload.vue
+++ b/frontend/src/components/ui/AppDocumentUpload.vue
@@ -170,4 +170,9 @@ export default {
 .addFileButton {
   font-size: 16px;
 }
+
+:deep(.v-field__input) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 </style>

From c9cab89e1019985807b62931f37b5b1808003f03 Mon Sep 17 00:00:00 2001
From: Jen Beckett <115109120+jenbeckett@users.noreply.github.com>
Date: Wed, 7 Aug 2024 11:07:39 -0700
Subject: [PATCH 2/2] nicer size for md

---
 .../src/components/supp-allowances/TransportationAllowance.vue  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/supp-allowances/TransportationAllowance.vue b/frontend/src/components/supp-allowances/TransportationAllowance.vue
index 84820395..da91e841 100644
--- a/frontend/src/components/supp-allowances/TransportationAllowance.vue
+++ b/frontend/src/components/supp-allowances/TransportationAllowance.vue
@@ -40,7 +40,7 @@
   <div v-for="(model, index) in models" :key="model.supplementaryApplicationId ? model.supplementaryApplicationId : model.id" @input="update(model)">
     <v-card class="my-10" :class="{ greyTop: readOnly(model), 'basic-card': !readOnly(model) }" :disabled="readOnly(model)">
       <v-row class="pa-7 pt-10">
-        <v-col cols="10" md="1">
+        <v-col cols="10" md="2" lg="1">
           <AppLabel>Vehicle</AppLabel>
         </v-col>
         <v-col v-if="!readOnly(model)" cols="1">