changeset 2433:64be06696899

client: import soundingresults: more html cleanup
author Markus Kottlaender <markus@intevation.de>
date Fri, 01 Mar 2019 08:03:42 +0100
parents 851c904416f6
children 817b3d726b43
files client/src/components/ImportSoundingresults.vue
diffstat 1 files changed, 19 insertions(+), 41 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/ImportSoundingresults.vue	Fri Mar 01 07:58:02 2019 +0100
+++ b/client/src/components/ImportSoundingresults.vue	Fri Mar 01 08:03:42 2019 +0100
@@ -105,29 +105,31 @@
               </label>
             </div>
           </div>
-          <div class="buttons text-right" v-if="editState">
+          <div class="d-flex justify-content-between" v-if="editState">
             <a
               download="meta.json"
               :href="dataLink"
-              class="btn btn-outline-info pull-left mt-4"
+              class="btn btn-outline-info"
             >
               <translate>Download Meta.json</translate>
             </a>
-            <button
-              @click="deleteTempData"
-              class="btn btn-danger mt-4"
-              type="button"
-            >
-              <translate>Cancel Upload</translate>
-            </button>
-            <button
-              :disabled="disableUploadButton"
-              @click="confirm"
-              class="btn btn-info mt-4"
-              type="button"
-            >
-              <translate>Confirm</translate>
-            </button>
+            <span>
+              <button
+                @click="deleteTempData"
+                class="btn btn-danger"
+                type="button"
+              >
+                <translate>Cancel Upload</translate>
+              </button>
+              <button
+                :disabled="disableUploadButton"
+                @click="confirm"
+                class="btn btn-info ml-2"
+                type="button"
+              >
+                <translate>Confirm</translate>
+              </button>
+            </span>
           </div>
         </div>
       </div>
@@ -351,27 +353,3 @@
   ]
 };
 </script>
-
-<style lang="scss" scoped>
-.projectionLabel {
-  margin-left: $small-offset;
-}
-
-.depthreferencelabel {
-  margin-left: $small-offset;
-}
-
-.offset-r {
-  margin-right: $small-offset;
-}
-
-.buttons button {
-  margin-left: $offset !important;
-}
-
-.label-text {
-  width: 5rem;
-  text-align: left;
-  line-height: 2.25rem;
-}
-</style>