Change to monospace font

CodeChain-io · Apr 29, 2019 · 05c3281 · 05c3281
1 parent e88edc4
commit 05c3281
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/App.css b/src/App.css
@@ -14,4 +14,4 @@
 #encoded-text {
   width: 100%;
   min-height: 24rem;
-}
+}
diff --git 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
@@ -8,7 +8,7 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
-code {
+.code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }