Mercurial > gemma
changeset 1285:f674ce380de1
layout soundingresults
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Thu, 22 Nov 2018 11:18:46 +0100 |
parents | d0a5bb018fc9 |
children | 54b7d8e2b224 |
files | client/src/assets/application.sass client/src/components/map/contextbox/ImportSoundingresults.vue |
diffstat | 2 files changed, 14 insertions(+), 7 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/assets/application.sass Thu Nov 22 10:29:23 2018 +0100 +++ b/client/src/assets/application.sass Thu Nov 22 11:18:46 2018 +0100 @@ -38,6 +38,9 @@ .w-90 width: 90% +.w-95 + width: 95% + .debug border: 1px solid red
--- a/client/src/components/map/contextbox/ImportSoundingresults.vue Thu Nov 22 10:29:23 2018 +0100 +++ b/client/src/components/map/contextbox/ImportSoundingresults.vue Thu Nov 22 11:18:46 2018 +0100 @@ -4,7 +4,7 @@ <i class="fa fa-upload mr-2"></i> Import Soundingresults </h6> - <div v-if="editState" class="ml-auto mr-auto mt-4 w-90"> + <div v-if="editState" class="ml-auto mr-auto mt-4 w-95"> <div class="d-flex flex-row input-group mb-4"> <div class="offset-r"> <label for="bottleneck" class="label-text" id="bottlenecklabel">Bottleneck</label> @@ -32,10 +32,11 @@ aria-describedby="bottlenecklabel" v-model="importDate" > - </div> - <div class="d-flex flex-row input-group mb-4"> <div class="offset-r"> - <label class="label-text" for="depthreference">Depth reference</label> + <label + class="label-text w-100 depthreferencelabel" + for="depthreference" + >Depthreference</label> </div> <select v-model="depthReference" class="custom-select" id="depthreference"> <option @@ -45,7 +46,7 @@ </select> </div> </div> - <div class="w-90 ml-auto mr-auto mt-4 mb-4"> + <div class="w-95 ml-auto mr-auto mt-4 mb-4"> <div v-if="uploadState" class="d-flex flex-row input-group mb-4"> <div class="custom-file"> <input @@ -260,14 +261,17 @@ </script> <style lang="sass" scoped> +.depthreferencelabel + margin-left: $small-offset + .offset-r - margin-right: $large-offset + margin-right: $small-offset .buttons button margin-left: $offset !important .label-text - width: 10rem + width: 5rem text-align: left line-height: 2.25rem </style>