# HG changeset patch
# User Markus Kottlaender <markus@intevation.de>
# Date 1542968356 -3600
# Node ID 6c0c204f6bce8805d11dfff954c7bb7dee45a7cd
# Parent  86be0002cd10cc12f5115643f683232d07c85bd0
improved fairwayprofile headline/buttons style

diff -r 86be0002cd10 -r 6c0c204f6bce client/src/components/map/fairway/Fairwayprofile.vue
--- a/client/src/components/map/fairway/Fairwayprofile.vue	Fri Nov 23 10:58:29 2018 +0100
+++ b/client/src/components/map/fairway/Fairwayprofile.vue	Fri Nov 23 11:19:16 2018 +0100
@@ -12,8 +12,10 @@
             v-if="showSplitscreen">
             <font-awesome-icon icon="times" />
         </button>
-        <div class="profile bg-white position-relative d-flex flex-column pr-5">
-            <h5 class="mb-0 mt-2">{{ selectedBottleneck }} ({{ selectedSurvey.date_info }})</h5>
+        <div class="profile bg-white position-relative d-flex flex-column">
+            <h5 class="headline border-bottom mb-0 py-2">
+              {{ selectedBottleneck }} ({{ selectedSurvey.date_info }})
+            </h5>
             <div class="d-flex flex-fill">
                 <div class="fairwayprofile m-3 mt-0 bg-white flex-grow-1"></div>
                 <div class="additionalsurveys d-flex flex-column">
@@ -95,10 +97,11 @@
   height: 0
   overflow: hidden
   z-index: 2
+  .headline
+    border-top: solid 3px $color-info
 
 .splitscreen-toggle,
 .clear-selection
-  right: $icon-width + $offset
   width: $icon-width
   height: $icon-height
   margin-top: 8px
@@ -107,8 +110,11 @@
   svg path
     fill: #666
 
+.splitscreen-toggle
+  right: $small-offset + $icon-width
+
 .clear-selection
-  right: $offset
+  right: $small-offset
 
 .show
   .profile