diff client/src/components/importschedule/Importschedule.vue @ 2640:4bcb26542767

client: use new btn-xs class in tables
author Markus Kottlaender <markus@intevation.de>
date Thu, 14 Mar 2019 11:23:42 +0100
parents dda4cec8e67b
children add2d47c2567
line wrap: on
line diff
--- a/client/src/components/importschedule/Importschedule.vue	Thu Mar 14 11:15:43 2019 +0100
+++ b/client/src/components/importschedule/Importschedule.vue	Thu Mar 14 11:23:42 2019 +0100
@@ -32,11 +32,11 @@
           :sortable="false"
         />
         <UITableBody :data="schedules" v-slot="{ item: schedule }">
-          <div class="py-2 col-1">{{ schedule.id }}</div>
-          <div class="py-2 col-2">{{ schedule.kind.toUpperCase() }}</div>
-          <div class="py-2 col-2">{{ schedule.user }}</div>
-          <div class="py-2 col-2">{{ schedule.config.cron }}</div>
-          <div class="py-2 col-2">
+          <div class="py-1 col-1">{{ schedule.id }}</div>
+          <div class="py-1 col-2">{{ schedule.kind.toUpperCase() }}</div>
+          <div class="py-1 col-2">{{ schedule.user }}</div>
+          <div class="py-1 col-2">{{ schedule.config.cron }}</div>
+          <div class="py-1 col-2 text-center">
             <font-awesome-icon
               v-if="schedule.config['send-email']"
               class="fa-fw mr-2"
@@ -44,10 +44,10 @@
               icon="check"
             ></font-awesome-icon>
           </div>
-          <div class="py-2 col text-right">
+          <div class="py-1 col text-right">
             <button
               @click="editSchedule(schedule.id)"
-              class="btn btn-sm btn-dark mr-1"
+              class="btn btn-xs btn-dark mr-1"
               :disabled="importScheduleDetailVisible"
             >
               <font-awesome-icon
@@ -57,14 +57,14 @@
             </button>
             <button
               @click="deleteSchedule(schedule)"
-              class="btn btn-sm btn-dark mr-1"
+              class="btn btn-xs btn-dark mr-1"
               :disabled="importScheduleDetailVisible"
             >
               <font-awesome-icon icon="trash" fixed-width></font-awesome-icon>
             </button>
             <button
               @click="triggerManualImport(schedule.id)"
-              class="btn btn-sm btn-dark"
+              class="btn btn-xs btn-dark"
               :disabled="importScheduleDetailVisible"
             >
               <font-awesome-icon icon="play" fixed-width></font-awesome-icon>