Mercurial > gemma

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

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
line wrap: on
line diff
--- a/client/src/components/importconfiguration/types/Bottleneck.vue	Thu May 16 09:35:37 2019 +0200
+++ b/client/src/components/importconfiguration/types/Bottleneck.vue	Thu May 16 09:52:32 2019 +0200
@@ -1,22 +1,24 @@
 <template>
-  <div>
-    <div class="d-flex flex-row">
-      <div class="flex-column mt-3 mr-3 w-100">
+  <div class="p-2">
+    <div class="d-flex">
+      <div class="flex-column w-100">
         <template v-if="!directImport">
           <div class="flex-row text-left">
-            <small class="text-muted"> <translate>URL</translate> </small>
+            <small class="text-muted">
+              <translate>URL</translate>
+            </small>
           </div>
           <div class="w-100">
             <input
               @input="urlChanged"
-              class="url form-control"
+              class="url form-control form-control-sm"
               type="url"
               :value="url"
             />
           </div>
         </template>
       </div>
-      <div v-if="false" class="flex-column mt-3 text-left">
+      <div v-if="false" class="flex-column mt-2 text-left">
         <div class="d-flex flex-row">
           <small class="text-muted mr-2"
             ><translate>Insecure</translate>
@@ -42,13 +44,13 @@
         </div>
       </div>
     </div>
-    <div v-if="!directImport && !url" class="d-flex flex-row">
+    <div v-if="!directImport && !url" class="d-flex">
       <small
         ><translate class="text-danger">Please enter a URL</translate></small
       >
     </div>
-    <div class="d-flex flex-row">
-      <div class="flex-column mt-3 mr-3 w-50">
+    <div class="d-flex">
+      <div class="flex-column mt-2 mr-3 w-50">
         <div class="flex-row text-left">
           <small class="text-muted">
             <translate>Tolerance for snapping of waterway axis [m]</translate>
@@ -57,13 +59,13 @@
         <div class="w-100">
           <input
             @input="toleranceChanged"
-            class="tolerance form-control"
+            class="tolerance form-control form-control-sm"
             type="number"
             min="0"
             :value="tolerance"
           />
         </div>
-        <div v-if="!tolerance" class="d-flex flex-row">
+        <div v-if="!tolerance" class="d-flex">
           <small
             ><translate class="text-danger"
               >Please enter a tolerance value</translate