From 8e2967085285bf68ed3b4a70342cdda6a8742248 Mon Sep 17 00:00:00 2001
From: Dustin Brickwood <dustinbrickwood204@gmail.com>
Date: Wed, 16 May 2018 10:07:41 -0400
Subject: [PATCH] modified UI

---
 .../src/components/home/home.css              | 19 ++++++++++++++++++-
 .../src/components/home/home.js               |  9 +++++----
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/shyftBlockExplorerUI/src/components/home/home.css b/shyftBlockExplorerUI/src/components/home/home.css
index 06420f294f..bdecf66946 100644
--- a/shyftBlockExplorerUI/src/components/home/home.css
+++ b/shyftBlockExplorerUI/src/components/home/home.css
@@ -9,6 +9,23 @@
     box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
 }
 
+.Greeting {
+    display: block;
+}
+
 .Transactions {
+    display: inline-block;
     font-size: 1rem;
-}
\ No newline at end of file
+    margin-right: 5px;
+}
+
+.BlockButton {
+    background-color: darkorange;
+    border-color: darkorange;
+}
+
+.Blocks {
+    display: inline-block;
+    font-size: 1rem;
+}
+
diff --git a/shyftBlockExplorerUI/src/components/home/home.js b/shyftBlockExplorerUI/src/components/home/home.js
index 3b8415b9f6..dda95003e9 100644
--- a/shyftBlockExplorerUI/src/components/home/home.js
+++ b/shyftBlockExplorerUI/src/components/home/home.js
@@ -4,14 +4,15 @@ import { Link } from 'react-router-dom'
 
 const home = props => {
 
+    const combinedClasses = ["btn", "btn-primary", classes.BlockButton]
     return (
        <div className={classes.Home}>
-            <span>THIS IS A WIP</span>
+            <span className={classes.Greeting}>THIS IS A WIP</span>
            <div className={classes.Transactions}>
-               <Link to="/transactions"><button>Transactions</button></Link>
+               <Link to="/transactions"><button className="btn btn-primary">Transactions</button></Link>
            </div>
-           <div className={classes.Transactions}>
-               <Link to="/blocks"><button>Blocks</button></Link>
+           <div className={classes.Blocks}>
+               <Link to="/blocks"><button className={combinedClasses.join(" ")}>Blocks</button></Link>
            </div>
        </div>
     );