diff client/src/fairway/Fairwayprofile.vue @ 1217:ba8cd80d68b6

made more use of bootstrap classes instead of custom css
author Markus Kottlaender <markus@intevation.de>
date Mon, 19 Nov 2018 15:20:22 +0100
parents ddfdf440da24
children
line wrap: on
line diff
--- a/client/src/fairway/Fairwayprofile.vue	Mon Nov 19 15:10:09 2018 +0100
+++ b/client/src/fairway/Fairwayprofile.vue	Mon Nov 19 15:20:22 2018 +0100
@@ -12,10 +12,10 @@
             v-if="showSplitscreen">
             <i class="fa fa-times text-danger"></i>
         </button>
-        <div class="profile d-flex flex-column pr-5">
+        <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="d-flex flex-fill">
-                <div class="fairwayprofile flex-grow-1"></div>
+                <div class="fairwayprofile m-3 mt-0 bg-white flex-grow-1"></div>
                 <div class="additionalsurveys d-flex flex-column">
                     <small>
                         Additional Surveys
@@ -91,11 +91,9 @@
 
 <style lang="sass" scoped>
 .profile
-  background-color: white
   width: 100vw
   height: 0
   overflow: hidden
-  position: relative
   z-index: 2
 
 .splitscreen-toggle,
@@ -127,11 +125,6 @@
 
 .additionalsurveys input
   margin-right: $small-offset
-
-.fairwayprofile
-  background-color: white
-  margin: $offset
-  margin-top: 0
 </style>
 
 <script>