From 6ebe2836cfb14aff48e6e007afc828bba5f7be57 Mon Sep 17 00:00:00 2001
From: Mohit Kumar Yadav <mohitkyadav@outlook.com>
Date: Sat, 22 Dec 2018 20:03:08 +0530
Subject: [PATCH] fix color bug during animation

---
 src/app/app.component.html | 8 +++++---
 src/index.html             | 7 ++++++-
 src/styles.css             | 3 ---
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 047227f..71004b5 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -56,7 +56,7 @@ <h2 class="subtitle">
 </div>
 
 <div *ngIf="data">
-  
+
   <div class="uk-margin-small-top tabs is-toggle is-toggle-rounded is-centered">
     <ul>
       <li class="is-active">
@@ -67,8 +67,10 @@ <h2 class="subtitle">
       </li>
     </ul>
   </div>
-  
-  <textarea class="uk-textarea" rows="10" cols="60">{{fileText}}</textarea>
+
+  <div class="uk-padding-small">
+    <textarea class="uk-textarea uk-box-shadow-large uk-border-rounded" rows="10" cols="60">{{fileText}}</textarea>
+  </div>
 
 </div>
 
diff --git a/src/index.html b/src/index.html
index 205bbe8..83be135 100644
--- a/src/index.html
+++ b/src/index.html
@@ -26,7 +26,7 @@
       <div class="content has-text-centered">
         <p>
           <strong>JSONtoChart</strong> by <a href="https://github.com/mohitkyadav" target="_blank">Mohit K. Yadav</a>. The source code is licensed
-          <a href="http://opensource.org/licenses/mit-license.php" target="_blank">MIT</a>. Code hosted on 
+          <a href="http://opensource.org/licenses/mit-license.php" target="_blank">MIT</a>. Code hosted on
           <a href="https://github.com/mohitkyadav/JsonToChart" target="_blank">
             <span class="icon is-medium">
               <span class="fa-stack fa-lg">
@@ -40,3 +40,8 @@
   </div>
 </body>
 </html>
+<style>
+.ws-orange-grad {
+  background: linear-gradient(to right, rgba(251, 248, 157, 0.68) 0%, rgba(218, 131, 47, 0.55) 100%)
+}
+</style>
diff --git a/src/styles.css b/src/styles.css
index 9a7fa30..e69de29 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1,3 +0,0 @@
-.ws-orange-grad {
-  background: linear-gradient(to right, rgba(251, 248, 157, 0.68) 0%, rgba(218, 131, 47, 0.55) 100%)
-}