changeset 1566:20815bf5862f

layout
author Thomas Junk <thomas.junk@intevation.de>
date Wed, 12 Dec 2018 12:53:40 +0100
parents faa045ebdf0c
children ed67857a2079
files client/src/components/importqueue/Importqueue.vue client/src/components/importqueue/Importqueuedetail.vue
diffstat 2 files changed, 18 insertions(+), 7 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importqueue/Importqueue.vue	Wed Dec 12 12:25:41 2018 +0100
+++ b/client/src/components/importqueue/Importqueue.vue	Wed Dec 12 12:53:40 2018 +0100
@@ -48,7 +48,7 @@
                 </button>
               </div>
             </div>
-            <div class="text-left d-flex flex-row w-50 border-bottom">
+            <div class="text-left d-flex flex-row border-bottom entries">
               <div class="header py-1 jobid mr-2">
                 <translate>Id</translate>
               </div>
@@ -68,11 +68,17 @@
                 <translate>State</translate>
               </div>
             </div>
-            <div class="text-left" v-for="job in filteredImports" :key="job.id">
-              <Importqueuedetail
-                :reload="reload"
-                :job="job"
-              ></Importqueuedetail>
+            <div class="mb-4">
+              <div
+                class="text-left"
+                v-for="job in filteredImports"
+                :key="job.id"
+              >
+                <Importqueuedetail
+                  :reload="reload"
+                  :job="job"
+                ></Importqueuedetail>
+              </div>
             </div>
             <div>
               <button @click="refresh" class="btn btn-info refresh">
@@ -265,6 +271,10 @@
 </script>
 
 <style lang="scss" scoped>
+.entries {
+  width: 600px;
+}
+
 .jobid {
   width: 80px;
 }
--- a/client/src/components/importqueue/Importqueuedetail.vue	Wed Dec 12 12:25:41 2018 +0100
+++ b/client/src/components/importqueue/Importqueuedetail.vue	Wed Dec 12 12:53:40 2018 +0100
@@ -1,5 +1,5 @@
 <template>
-  <div class="entry d-flex flex-column py-1 border-bottom w-50">
+  <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">
         {{ job.id }}
@@ -217,6 +217,7 @@
 .entry {
   background-color: white;
   cursor: pointer;
+  width: 600px;
 }
 
 .entry:hover {