From 3c9900a67dc5f7170977655d61d8a2f1e7ea1655 Mon Sep 17 00:00:00 2001
From: Selina Breitenbach <selina.breitenbach@heigit.org>
Date: Tue, 16 Jul 2024 16:13:43 +0200
Subject: [PATCH] feat: create boundary between routes

---
 .../components/optimization-details/OptimizationDetails.vue  | 2 +-
 .../components/optimization-details/optimization-details.css | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/fragments/forms/map-form/components/optimization/components/optimization-details/OptimizationDetails.vue b/src/fragments/forms/map-form/components/optimization/components/optimization-details/OptimizationDetails.vue
index f258990c1..86dd0f4ba 100644
--- a/src/fragments/forms/map-form/components/optimization/components/optimization-details/OptimizationDetails.vue
+++ b/src/fragments/forms/map-form/components/optimization/components/optimization-details/OptimizationDetails.vue
@@ -10,7 +10,7 @@
       <v-alert :value="true" type="warning" style="color:black">{{$t('optimizationDetails.warningUnassigned')}} {{ unassignedJobsString }}</v-alert>
     </div>
     <v-expansion-panel slot="content" class="no-shadow" v-if="hasRoutes" :value="panelExtended" :expand="true">
-      <v-expansion-panel-content style="background: transparent;" class="routes-header" :key="routeIndex" v-for="(route, routeIndex) in parsedRoutes">
+      <v-expansion-panel-content class="optimization-routes" :key="routeIndex" v-for="(route, routeIndex) in parsedRoutes">
         <div slot="header">
           <h4><v-icon :color="vehicleColors(route.vehicle)" style="padding: 0 5px 0 0">{{ getVehicleIconName(route.vehicle) }}</v-icon>{{$t('routeDetails.route')}} {{routeIndex + 1}} (Vehicle {{route.vehicle}})
             <v-btn icon target="_blank" :href="generateRouteURL(routeIndex)" v-if="parsedRoutes.length > 0" :title="$t('optimizationDetails.getInstructions')">
diff --git a/src/fragments/forms/map-form/components/optimization/components/optimization-details/optimization-details.css b/src/fragments/forms/map-form/components/optimization/components/optimization-details/optimization-details.css
index a9ead5487..a3a8a1e49 100644
--- a/src/fragments/forms/map-form/components/optimization/components/optimization-details/optimization-details.css
+++ b/src/fragments/forms/map-form/components/optimization/components/optimization-details/optimization-details.css
@@ -14,3 +14,8 @@
 .action-options-wrapper {
   height: 45px;
 }
+
+.optimization-routes {
+  background: transparent;
+  border-bottom: 1px solid #cbced1;
+}