From 2208c859e37936062770ca5b39c42af584cd0176 Mon Sep 17 00:00:00 2001
From: Vick Scarlet <scarlet_vick@outlook.com>
Date: Fri, 20 Aug 2021 12:25:31 +0800
Subject: [PATCH] change style

---
 view/index.html | 6 +++---
 view/style.css  | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/view/index.html b/view/index.html
index f4d9a14..dd72201 100644
--- a/view/index.html
+++ b/view/index.html
@@ -15,17 +15,17 @@
     <div class="banners">
       <div class="banner error">
         <div class="banner-icon"><span class="iconfont">&#xe6a1;</span></div>
-        <div class="banner-message">Oops! Something went wrong!</div>
+        <pre class="banner-message">Oops! Something went wrong!</pre>
         <div class="banner-close" onclick="hideBanners()"><span class="iconfont">&#xe6a8;</span></div>
       </div>
       <div class="banner success">
         <div class="banner-icon"><span class="iconfont">&#xe6a2;</span></div>
-        <div class="banner-message">Everything was fine!</div>
+        <pre class="banner-message">Everything was fine!</pre>
         <div class="banner-close" onclick="hideBanners()"><span class="iconfont">&#xe6a8;</span></div>
       </div>
       <div class="banner info">
         <div class="banner-icon"><span class="iconfont">&#xe6a3;</span></div>
-        <div class="banner-message">Here is some useful information</div>
+        <pre class="banner-message">Here is some useful information</pre>
         <div class="banner-close" onclick="hideBanners()"><span class="iconfont">&#xe6a8;</span></div>
       </div>
     </div>
diff --git a/view/style.css b/view/style.css
index b913f05..a1b3892 100644
--- a/view/style.css
+++ b/view/style.css
@@ -285,6 +285,7 @@ i {
   flex: 1;
   padding: 0 2rem;
   word-break: break-word;
+  overflow: auto;
 }
 .banner .banner-close {
   display: flex;