From 1c8e1af86db6f826b53c14c589bf9a8a5fe57777 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=A9ry=20Debongnie?= <ged@odoo.com>
Date: Fri, 28 Jun 2019 14:54:24 +0200
Subject: [PATCH] [IMP] tools: improve error message display

---
 tools/benchmarks/shared/main.css |  4 +---
 tools/main.css                   |  4 +---
 tools/playground/playground.css  | 18 ++++++++++--------
 tools/playground/templates.xml   |  3 ++-
 4 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/tools/benchmarks/shared/main.css b/tools/benchmarks/shared/main.css
index e76fbf8a..ec38b749 100755
--- a/tools/benchmarks/shared/main.css
+++ b/tools/benchmarks/shared/main.css
@@ -1,9 +1,7 @@
 html,
 body {
   height: 100%;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
-    Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
-    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
 }
 
 body {
diff --git a/tools/main.css b/tools/main.css
index 17271297..5307d061 100644
--- a/tools/main.css
+++ b/tools/main.css
@@ -1,9 +1,7 @@
 html,
 body {
   height: 100%;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
-    Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
-    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
 }
 
 .title,
diff --git a/tools/playground/playground.css b/tools/playground/playground.css
index daec8301..ceedacc9 100644
--- a/tools/playground/playground.css
+++ b/tools/playground/playground.css
@@ -2,9 +2,7 @@
 html,
 body {
   height: 100%;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
-    Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
-    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
 }
 
 body {
@@ -181,10 +179,14 @@ body {
 
 .right-pane .error {
   height: 100%;
-  padding-top: 40%;
-  font-size: 30px;
+  width: 90%;
+  padding-top: 30%;
+  font-size: 18px;
   color: darkred;
-  text-align: center;
-  padding-left: 30px;
-  padding-right: 30px;
+  margin-left: 5%;
+}
+
+.right-pane .error pre {
+    overflow: auto;
+    width: 100%;
 }
diff --git a/tools/playground/templates.xml b/tools/playground/templates.xml
index ffeb442d..5d3c1d11 100644
--- a/tools/playground/templates.xml
+++ b/tools/playground/templates.xml
@@ -48,7 +48,8 @@
           <div class="note">Note: these examples require a recent browser to work without a transpilation step. </div>
         </div>
         <div t-if="state.error" class="error">
-          <t t-esc="state.error"/>
+          <h3>Error</h3>
+          <pre t-esc="state.error"/>
         </div>
         <div class="content" t-ref="content"/>
       </div>