From af100e67f4d4fb2346b813a953daf1b24914096f Mon Sep 17 00:00:00 2001
From: Emma Hegarty <emma.hegarty@heigit.org>
Date: Thu, 25 Jul 2024 16:19:11 +0200
Subject: [PATCH] fix: dividing line between jobs and vehicles

references #432
---
 .../components/optimization/components/job-list/JobList.vue | 2 +-
 .../optimization/components/job-list/job-list.css           | 6 ++++++
 .../optimization/components/vehicle-list/VehicleList.vue    | 2 +-
 .../optimization/components/vehicle-list/vehicle-list.css   | 5 +++++
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/fragments/forms/map-form/components/optimization/components/job-list/JobList.vue b/src/fragments/forms/map-form/components/optimization/components/job-list/JobList.vue
index 47b40764f..881cc8efe 100644
--- a/src/fragments/forms/map-form/components/optimization/components/job-list/JobList.vue
+++ b/src/fragments/forms/map-form/components/optimization/components/job-list/JobList.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="job-inputs">
-    <v-expansion-panel  class="no-shadow" :value="jobExtended" :expand="true">
+    <v-expansion-panel  class="content-list" :value="jobExtended" :expand="true">
       <v-expansion-panel-content style="background: transparent;" v-for="(j, i) in jobs" :key="i">
         <div v-if="localMapViewData === null || !unassignedIds.includes(j.id)" slot="header" style="padding-bottom: 0;"><v-icon style="padding: 0 5px 0 0">work</v-icon><b>Job {{j.id}} - {{ j.location[0].toPrecision(8) }}, {{ j.location[1].toPrecision(8)}}</b></div>
         <div v-else slot="header" style="padding-bottom: 0"><v-icon style="padding: 0 5px 0 0">work</v-icon><b>Job {{j.id}} - {{ j.location[0].toPrecision(8) }}, {{ j.location[1].toPrecision(8)}}
diff --git a/src/fragments/forms/map-form/components/optimization/components/job-list/job-list.css b/src/fragments/forms/map-form/components/optimization/components/job-list/job-list.css
index 96ff3f738..ce25b349d 100644
--- a/src/fragments/forms/map-form/components/optimization/components/job-list/job-list.css
+++ b/src/fragments/forms/map-form/components/optimization/components/job-list/job-list.css
@@ -6,3 +6,9 @@
   background-color: #ffd54f;
   color: darkgoldenrod
 }
+
+.content-list {
+  box-shadow: none;
+  border-bottom: 2px solid #c62828;
+  margin: 0 0 5px 0;
+}
diff --git a/src/fragments/forms/map-form/components/optimization/components/vehicle-list/VehicleList.vue b/src/fragments/forms/map-form/components/optimization/components/vehicle-list/VehicleList.vue
index a69b2b97b..24863dbae 100644
--- a/src/fragments/forms/map-form/components/optimization/components/vehicle-list/VehicleList.vue
+++ b/src/fragments/forms/map-form/components/optimization/components/vehicle-list/VehicleList.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="vehicle-inputs">
-    <v-expansion-panel  class="no-shadow" :value="vehicleExtended" :expand="true">
+    <v-expansion-panel  class="content-list" :value="vehicleExtended" :expand="true">
       <v-expansion-panel-content style="background: transparent;" v-for="(v, i) in vehicles" :key="i">
         <div slot="header" style="padding-bottom: 0;"><v-icon :color="vehicleColors(v.id)" style="padding: 0 5px 0 0">{{vehicleIcon(v.profile)}}</v-icon><b>Vehicle {{v.id}} ({{v.profile}})</b></div>
       <v-card-text>
diff --git a/src/fragments/forms/map-form/components/optimization/components/vehicle-list/vehicle-list.css b/src/fragments/forms/map-form/components/optimization/components/vehicle-list/vehicle-list.css
index e69de29bb..603af1e05 100644
--- a/src/fragments/forms/map-form/components/optimization/components/vehicle-list/vehicle-list.css
+++ b/src/fragments/forms/map-form/components/optimization/components/vehicle-list/vehicle-list.css
@@ -0,0 +1,5 @@
+.content-list {
+  box-shadow: none;
+  border-bottom: 2px solid #c62828;
+  margin: 0 0 5px 0;
+}