changeset 2609:546ed93a9829

overview2: usability
author Thomas Junk <thomas.junk@intevation.de>
date Wed, 13 Mar 2019 10:08:31 +0100
parents 13377f2a5c42
children 5ce1b4b29869
files client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue client/src/components/importoverview/LogEntry.vue
diffstat 2 files changed, 10 insertions(+), 5 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Wed Mar 13 09:45:29 2019 +0100
+++ b/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Wed Mar 13 10:08:31 2019 +0100
@@ -32,7 +32,7 @@
         </div>
       </div>
       <div v-if="showDiff == index" class="pl-3 d-flex flex-row">
-        <div>
+        <div class="w-100">
           <div class="d-flex flex-row pl-3 text-left">
             <div class="header border-bottom agmdetailskeys">
               <small><translate>Value</translate></small>
@@ -129,4 +129,12 @@
   max-height: 20vh;
   overflow-y: auto;
 }
+
+.agmdetailskeys {
+  width: 33%;
+}
+
+.agmdetailsvalues {
+  width: 33%;
+}
 </style>
--- a/client/src/components/importoverview/LogEntry.vue	Wed Mar 13 09:45:29 2019 +0100
+++ b/client/src/components/importoverview/LogEntry.vue	Wed Mar 13 10:08:31 2019 +0100
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="logentry d-flex flex-row text-left">
+    <div class="d-flex flex-row text-left">
       <font-awesome-icon
         v-if="entry.id === show"
         @click="toggleDetails"
@@ -136,9 +136,6 @@
 </script>
 
 <style lang="scss" scoped>
-.logentry {
-}
-
 .id {
   width: 10%;
 }