diff client/src/components/importoverview/AdditionalLog.vue @ 2708:cefef8234d27

import_overview: larger fonts for log and details
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 18 Mar 2019 16:38:19 +0100
parents c887666b110f
children 5b990f612420
line wrap: on
line diff
--- a/client/src/components/importoverview/AdditionalLog.vue	Mon Mar 18 16:24:43 2019 +0100
+++ b/client/src/components/importoverview/AdditionalLog.vue	Mon Mar 18 16:38:19 2019 +0100
@@ -1,7 +1,7 @@
 <template>
   <div class="additionallog d-flex flex-column text-left">
     <div class="d-flex flex-row" v-for="(line, index) in logLines" :key="index">
-      <small
+      <span
         :class="[
           'kind',
           {
@@ -10,9 +10,9 @@
             'font-weight-bold': /warn|error/.test(line.kind)
           }
         ]"
-        >{{ line.kind.toUpperCase() }}</small
+        >{{ line.kind.toUpperCase() }}</span
       >
-      <small
+      <span
         :class="[
           'time',
           {
@@ -21,9 +21,9 @@
             'font-weight-bold': /warn|error/.test(line.kind)
           }
         ]"
-        >{{ line.time }}</small
+        >{{ line.time }}</span
       >
-      <small
+      <span
         :class="[
           'message',
           {
@@ -32,7 +32,7 @@
             'font-weight-bold': /warn|error/.test(line.kind)
           }
         ]"
-        >{{ line.message }}</small
+        >{{ line.message }}</span
       >
     </div>
   </div>
@@ -70,13 +70,9 @@
   overflow-y: auto;
 }
 .kind {
-  width: 8%;
+  width: 9%;
 }
 .time {
-  width: 24%;
-}
-
-small {
-  font-size: smaller;
+  width: 26%;
 }
 </style>