Mercurial > gemma

changeset 3230:128d686c3950

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: improve styles of template-configuration elements
author Fadi Abbud <fadi.abbud@intevation.de>
date Fri, 10 May 2019 10:13:32 +0200
parents 5e773e0c05be
children 2dab20bed284
files client/src/components/systemconfiguration/PDFTemplates.vue
diffstat 1 files changed, 32 insertions(+), 27 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/systemconfiguration/PDFTemplates.vue	Fri May 10 09:48:05 2019 +0200
+++ b/client/src/components/systemconfiguration/PDFTemplates.vue	Fri May 10 10:13:32 2019 +0200
@@ -43,34 +43,39 @@
           </div>
         </template>
       </UITableBody>
-      <div class="form-check form-check-inline">
-        <input
-          class="form-check-input"
-          type="radio"
-          name="type"
-          v-model="type"
-          value="map"
-        />
-        <label class="form-check-label">Map-template</label>
+      <div class="d-flex align-items-center">
+        <div class="form-check form-check-inline">
+          <input
+            class="form-check-input"
+            type="radio"
+            name="type"
+            v-model="type"
+            value="map"
+          />
+          <label class="form-check-label">Map-template</label>
+        </div>
+        <div class="form-check form-check-inline">
+          <input
+            class="form-check-input"
+            type="radio"
+            v-model="type"
+            value="diagram"
+          />
+          <label class="form-check-label">Diagram-template</label>
+        </div>
+        <button
+          class="btn btn-info btn-sm"
+          @click="$refs.uploadTemplate.click()"
+        >
+          <font-awesome-icon
+            icon="spinner"
+            class="fa-spin fa-fw"
+            v-if="uploading"
+          />
+          <font-awesome-icon icon="upload" class="fa-fw" v-else />
+          <translate>Upload new template</translate>
+        </button>
       </div>
-      <div class="form-check form-check-inline">
-        <input
-          class="form-check-input"
-          type="radio"
-          v-model="type"
-          value="diagram"
-        />
-        <label class="form-check-label">Diagram-template</label>
-      </div>
-      <button class="btn btn-info mt-2" @click="$refs.uploadTemplate.click()">
-        <font-awesome-icon
-          icon="spinner"
-          class="fa-spin fa-fw"
-          v-if="uploading"
-        />
-        <font-awesome-icon icon="upload" class="fa-fw" v-else />
-        <translate>Upload new template</translate>
-      </button>
     </div>
   </div>
 </template>