fix: dividing line between jobs and vehicles

references #432

Author: blackbirdem

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)}}

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;
+}

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>

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;
+}