diff client/src/components/importconfiguration/types/ApprovedGaugeMeasurement.vue @ 3281:439e1865a2d2

client: define stretches/imports: code cleanup / style improvements
author Markus Kottlaender <markus@intevation.de>
date Thu, 16 May 2019 09:52:32 +0200
parents cb3b31566e48
children 008bc1ae8897
line wrap: on
line diff
--- a/client/src/components/importconfiguration/types/ApprovedGaugeMeasurement.vue	Thu May 16 09:35:37 2019 +0200
+++ b/client/src/components/importconfiguration/types/ApprovedGaugeMeasurement.vue	Thu May 16 09:52:32 2019 +0200
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="d-flex flex-row">
+    <div class="d-flex px-2">
       <div :key="1" class="flex-column mr-4">
         <div class="flex-row text-left">
           <small class="text-muted">
@@ -30,7 +30,7 @@
         <input
           type="text"
           v-model="originator"
-          class="form-control"
+          class="form-control form-control-sm"
           id="originator"
         />
         <span class="text-left text-danger">
@@ -40,7 +40,7 @@
         </span>
       </div>
     </div>
-    <div class="mt-4 flex-column w-100">
+    <div class="mt-4 flex-column px-2 w-100">
       <div class="custom-file">
         <input
           accept=".csv"
@@ -54,15 +54,15 @@
         </label>
       </div>
     </div>
-    <div class="d-flex flex-row-reverse w-100 mt-3">
-      <button :key="1" @click="back()" class="btn btn-warning">
+    <div class="d-flex w-100 mt-3 border-top justify-content-between p-2">
+      <button :key="1" @click="back()" class="btn btn-sm btn-warning">
         Back
       </button>
       <button
         :key="2"
         type="submit"
         @click="submit"
-        class="shadow-sm btn btn-info submit-button  mr-3"
+        class="btn btn-sm btn-info"
       >
         <translate>Submit</translate>
       </button>