diff client/src/components/importoverview/importlogs/LogDetail.vue @ 2440:999bb511ef67

staging: layout logs
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 01 Mar 2019 10:52:32 +0100
parents 77baf4f0ee1e
children 9b7138751f5b
line wrap: on
line diff
--- a/client/src/components/importoverview/importlogs/LogDetail.vue	Fri Mar 01 10:38:44 2019 +0100
+++ b/client/src/components/importoverview/importlogs/LogDetail.vue	Fri Mar 01 10:52:32 2019 +0100
@@ -1,22 +1,22 @@
 <template>
   <div class="entry d-flex flex-column py-1 border-bottom">
     <div class="d-flex flex-row position-relative">
-      <div @click="showDetails(job.id)" class="jobid ml-2 mt-1 mr-2">
+      <small @click="showDetails(job.id)" class="jobid ml-2 mt-1 mr-2">
         {{ job.id }}
-      </div>
-      <div @click="showDetails(job.id)" class="enqueued mt-1  mr-2">
+      </small>
+      <small @click="showDetails(job.id)" class="enqueued mt-1  mr-2">
         {{ formatDateTime(job.enqueued) }}
-      </div>
-      <div @click="showDetails(job.id)" class="kind mt-1 mr-2">
+      </small>
+      <small @click="showDetails(job.id)" class="kind mt-1 mr-2">
         {{ job.kind.toUpperCase() }}
-      </div>
-      <div @click="showDetails(job.id)" class="user mt-1 mr-2">
+      </small>
+      <small @click="showDetails(job.id)" class="user mt-1 mr-2">
         {{ job.user }}
-      </div>
-      <div @click="showDetails(job.id)" class="signer mt-1 mr-2">
+      </small>
+      <small @click="showDetails(job.id)" class="signer mt-1 mr-2">
         {{ job.signer }}
-      </div>
-      <div @click="showDetails(job.id)" class="state mt-1 mr-2">
+      </small>
+      <small @click="showDetails(job.id)" class="state mt-1 mr-2">
         <span :class="{ 'text-danger': job.state.toUpperCase() == 'FAILED' }"
           >{{ job.state
           }}<font-awesome-icon
@@ -24,9 +24,10 @@
             class="ml-1 text-warning"
             icon="exclamation-triangle"
             fixed-width
-          ></font-awesome-icon
-        ></span>
-      </div>
+          ></font-awesome-icon>
+        </span>
+        <span v-if="!job.warnings" style="margin-right: 1.6em;"></span>
+      </small>
       <div @click="showDetails(job.id)" class="mt-1 text-info detailsbutton">
         <font-awesome-icon
           class="pointer"
@@ -291,11 +292,7 @@
   height: 100%;
 }
 .jobid {
-  width: 15%;
-}
-
-.enqueued {
-  width: 15%;
+  width: 5%;
 }
 
 .user {