changeset 1601:b88cc5aadcc1

importqueue logs: layout
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 17 Dec 2018 12:31:56 +0100
parents 658c1ebc1707
children e80e35b26f17
files client/src/components/importqueue/Importqueue.vue client/src/components/importqueue/Importqueuedetail.vue
diffstat 2 files changed, 19 insertions(+), 16 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importqueue/Importqueue.vue	Mon Dec 17 12:23:18 2018 +0100
+++ b/client/src/components/importqueue/Importqueue.vue	Mon Dec 17 12:31:56 2018 +0100
@@ -68,7 +68,7 @@
                 <translate>State</translate>
               </div>
             </div>
-            <div class="mb-4">
+            <div class="importqueuedetail">
               <div
                 class="text-left"
                 v-for="job in filteredImports"
@@ -271,32 +271,35 @@
 </script>
 
 <style lang="scss" scoped>
+.importqueuedetail {
+  margin-bottom: 3rem;
+}
 .entries {
-  width: 750px;
+  width: 100%;
 }
 
 .jobid {
-  width: 80px;
+  width: 15%;
 }
 
 .enqueued {
-  width: 120px;
+  width: 20%;
 }
 
 .user {
-  width: 80px;
+  width: 15%;
 }
 
 .signer {
-  width: 80px;
+  width: 20%;
 }
 
 .kind {
-  width: 80px;
+  width: 10%;
 }
 
 .state {
-  width: 80px;
+  width: 20%;
 }
 
 .header {
--- a/client/src/components/importqueue/Importqueuedetail.vue	Mon Dec 17 12:23:18 2018 +0100
+++ b/client/src/components/importqueue/Importqueuedetail.vue	Mon Dec 17 12:31:56 2018 +0100
@@ -219,7 +219,7 @@
 .entry {
   background-color: white;
   cursor: pointer;
-  width: 750px;
+  width: 100%;
 }
 
 .entry:hover {
@@ -239,27 +239,27 @@
   height: 100%;
 }
 .jobid {
-  width: 80px;
+  width: 15%;
 }
 
 .enqueued {
-  width: 120px;
+  width: 20%;
 }
 
 .user {
-  width: 80px;
+  width: 15%;
 }
 
 .signer {
-  width: 80px;
+  width: 20%;
 }
 
 .kind {
-  width: 80px;
+  width: 10%;
 }
 
 .state {
-  width: 80px;
+  width: 20%;
 }
 
 .details {
@@ -287,7 +287,7 @@
 }
 
 .message {
-  width: 600px;
+  min-width: 700px;
   white-space: nowrap;
   padding-left: 0px;
   border-top: 0px;