From 05c32818a064a9405dd226ebec3b800eb817f0a8 Mon Sep 17 00:00:00 2001
From: SeongChan Lee <sclee@codechain.io>
Date: Mon, 29 Apr 2019 23:49:40 +0900
Subject: [PATCH] Change to monospace font

---
 src/App.css   | 2 +-
 src/App.tsx   | 4 ++--
 src/index.css | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.css b/src/App.css
index 9834e62..ed2a764 100644
--- a/src/App.css
+++ b/src/App.css
@@ -14,4 +14,4 @@
 #encoded-text {
   width: 100%;
   min-height: 24rem;
-}
\ No newline at end of file
+}
diff --git a/src/App.tsx b/src/App.tsx
index d03b619..507df73 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -65,7 +65,7 @@ class App extends React.Component<{}, AppState> {
       body = (
         <div className="App-body">
           <div>
-            <textarea id="encoded-text" value={this.state.text} onChange={this.handleTextChange} />
+            <textarea id="encoded-text" className="code" value={this.state.text} onChange={this.handleTextChange} />
           </div>
           <button
             id="decode-btn"
@@ -177,7 +177,7 @@ class Item extends React.Component<ItemProps, ItemState> {
     return (
       <div>
         <div>
-          {this.renderSelector()} {this.state.decoded[this.state.type]}
+          {this.renderSelector()} <span className="code">{this.state.decoded[this.state.type]}</span>
         </div>
         <div />
       </div>
diff --git a/src/index.css b/src/index.css
index e2bd8f3..14ed273 100644
--- a/src/index.css
+++ b/src/index.css
@@ -8,7 +8,7 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
-code {
+.code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }