diff client/src/components/importconfiguration/Import.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 5d06629a14df
children 4d7b481e1d39
line wrap: on
line diff
--- a/client/src/components/importconfiguration/Import.vue	Thu May 16 09:35:37 2019 +0200
+++ b/client/src/components/importconfiguration/Import.vue	Thu May 16 09:52:32 2019 +0200
@@ -1,7 +1,7 @@
 <template>
   <div>
     <UIBoxHeader icon="clock" :title="title" :closeCallback="$parent.close" />
-    <div v-if="mode === $options.MODES.LIST" class="mb-3">
+    <div v-if="mode === $options.MODES.LIST">
       <UISpinnerOverlay v-if="loading" />
       <UITableHeader
         :columns="[
@@ -17,13 +17,13 @@
         :isActive="item => currentSchedule && item.id === currentSchedule.id"
       >
         <template v-slot:row="{ item: schedule }">
-          <div class="table-cell col-1">{{ schedule.id }}</div>
-          <div class="table-cell col-2">
+          <div class="table-cell py-1 col-1">{{ schedule.id }}</div>
+          <div class="table-cell py-1 col-2">
             {{ schedule.kind.toUpperCase() }}
           </div>
-          <div class="table-cell col-2">{{ schedule.user }}</div>
-          <div class="table-cell col-2">{{ schedule.config.cron }}</div>
-          <div class="table-cell col-2">
+          <div class="table-cell py-1 col-2">{{ schedule.user }}</div>
+          <div class="table-cell py-1 col-2">{{ schedule.config.cron }}</div>
+          <div class="table-cell py-1 col-2">
             <font-awesome-icon
               v-if="schedule.config['send-email']"
               class="fa-fw mr-2"
@@ -31,7 +31,7 @@
               icon="check"
             />
           </div>
-          <div class="table-cell col justify-content-end">
+          <div class="table-cell py-1 col justify-content-end">
             <button
               @click="triggerManualImport(schedule.id)"
               class="btn btn-xs btn-dark mr-1"
@@ -58,21 +58,17 @@
       </UITableBody>
     </div>
     <ImportDetails v-if="mode === $options.MODES.EDIT"></ImportDetails>
-    <div class="d-flex flex-row w-100 mb-3">
-      <button
-        :key="3"
-        v-if="mode === $options.MODES.LIST && !isOnetime"
-        @click="newConfiguration()"
-        class="ml-auto btn btn-info mr-3"
-      >
+    <div
+      class="text-right border-top p-2"
+      v-if="mode === $options.MODES.LIST && !isOnetime"
+    >
+      <button :key="3" @click="newConfiguration()" class="btn btn-sm btn-info">
         <translate>New import</translate>
       </button>
     </div>
   </div>
 </template>
 
-<style></style>
-
 <script>
 /* This is Free Software under GNU Affero General Public License v >= 3.0
  * without warranty, see README.md and license for details.