From 0680d9a9f9c4950f2abb4f17a56d1ba2f540f9d1 Mon Sep 17 00:00:00 2001
From: Simone Gotti <simone.gotti@gmail.com>
Date: Thu, 6 Jun 2019 16:13:51 +0200
Subject: [PATCH] log: make logs don't wrap and add overflow auto

---
 src/App.vue             | 6 ++----
 src/components/log.vue  | 6 +++---
 src/components/step.vue | 2 +-
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7f0a3e2..2deb946 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -117,10 +117,8 @@
       </div>
     </div>
 
-    <div v-else class="container mt-6 flex">
-      <div class="flex-grow">
-        <router-view v-if="routerActive"></router-view>
-      </div>
+    <div v-else class="container mt-6">
+      <router-view v-if="routerActive"></router-view>
     </div>
   </div>
 </template>
diff --git a/src/components/log.vue b/src/components/log.vue
index dfe620d..dbec0d7 100644
--- a/src/components/log.vue
+++ b/src/components/log.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="dark">
-    <div class="p-3 rounded bg-gray-900 text-white">
-      <div class="font-mono leading-normal text-xs" v-for="(item, index) in items" :key="index">
-        <div v-html="item"/>
+    <div class="p-3 rounded bg-gray-900 text-white overflow-x-auto">
+      <div v-for="(item, index) in items" :key="index">
+        <div class="font-mono leading-normal text-xs whitespace-no-wrap" v-html="item"/>
       </div>
       <div v-if="lastitem" class="font-mono leading-snug text-xs">
         <div v-html="lastitem"/>
diff --git a/src/components/step.vue b/src/components/step.vue
index f1075c7..a4c295f 100644
--- a/src/components/step.vue
+++ b/src/components/step.vue
@@ -16,7 +16,7 @@
         </div>
         <span class>{{ duration }}</span>
       </div>
-      <div class="p-1 log-container" v-show="active">
+      <div class="p-1" v-show="active">
         <Log
           v-bind:runid="runid"
           v-bind:taskid="taskid"