modified UI

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;
+    margin-right: 5px;
+}
+
+.BlockButton {
+    background-color: darkorange;
+    border-color: darkorange;
+}
+
+.Blocks {
+    display: inline-block;
     font-size: 1rem;
 }
+

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}>
+           <div className={classes.Blocks}>
-               <Link to="/blocks"><button>Blocks</button></Link>
+               <Link to="/blocks"><button className={combinedClasses.join(" ")}>Blocks</button></Link>
            </div>
        </div>
     );