From 1f974e5176ec7126d8b889151cf41936056ce2e0 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Wed, 16 Aug 2017 17:23:21 -0400
Subject: [PATCH] styled the About section

---
 app/src/pages/home/home.html | 25 ++++++++++++++-----------
 app/src/pages/home/home.scss |  7 +++++++
 2 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/app/src/pages/home/home.html b/app/src/pages/home/home.html
index 0c30c95..5930d47 100644
--- a/app/src/pages/home/home.html
+++ b/app/src/pages/home/home.html
@@ -13,17 +13,20 @@
 
   <h1>Latest Blocks</h1>
   <h1>Latest Transactions</h1>
-  <h2>About</h2>
-  <p><strong>insight</strong>  is an <a href="https://insight.is/"
-                                                  target="_blank">open-source Bitcoin blockchain explorer</a> with complete REST and websocket APIs that can be used for writing web wallets and other apps  that need more advanced blockchain queries than provided by bitcoind RPC.  Check out the <a href="https://github.com/bitpay/insight-ui" target="_blank">source code</a>.</p>
-  <p><strong>insight</strong> is still in development, so be sure to report any bugs and provide feedback for improvement at our <a href="https://github.com/bitpay/insight-ui/issues" target="_blank">github issue tracker</a>.</p>
-  <div id="powered" class="row">
-    <div class="powered-text">
-      <small class="text-muted">Powered by</small>
+
+  <div class="about">
+    <h2>About</h2>
+    <p><strong>insight</strong>  is an <a href="https://insight.is/"
+                                          target="_blank">open-source Bitcoin blockchain explorer</a> with complete REST and websocket APIs that can be used for writing web wallets and other apps  that need more advanced blockchain queries than provided by bitcoind RPC.  Check out the <a href="https://github.com/bitpay/insight-ui" target="_blank">source code</a>.</p>
+    <p><strong>insight</strong> is still in development, so be sure to report any bugs and provide feedback for improvement at our <a href="https://github.com/bitpay/insight-ui/issues" target="_blank">github issue tracker</a>.</p>
+    <div id="powered" class="row">
+      <div class="powered-text">
+        <small class="text-muted">Powered by</small>
+      </div>
+      <a href="http://bitcore.io" target="_blank" class="bitcore" title="Bitcore"></a>
+      <a href="http://angularjs.org" target="_blank" class="angularjs" title="AngularJS"></a>
+      <a href="https://code.google.com/p/leveldb/" target="_blank" class="leveldb" title="LevelDB"></a>
+      <a href="http://nodejs.org" target="_blank" class="nodejs" title="NodeJs"></a>
     </div>
-    <a href="http://bitcore.io" target="_blank" class="bitcore" title="Bitcore"></a>
-    <a href="http://angularjs.org" target="_blank" class="angularjs" title="AngularJS"></a>
-    <a href="https://code.google.com/p/leveldb/" target="_blank" class="leveldb" title="LevelDB"></a>
-    <a href="http://nodejs.org" target="_blank" class="nodejs" title="NodeJs"></a>
   </div>
 </ion-content>
diff --git a/app/src/pages/home/home.scss b/app/src/pages/home/home.scss
index 1597e4c..91b4923 100644
--- a/app/src/pages/home/home.scss
+++ b/app/src/pages/home/home.scss
@@ -1,4 +1,11 @@
 page-home {
+  .about {
+    background-color: #F4F4F4;
+    border: 1px solid #eee;
+    border-radius: 5px;
+    padding: 14px;
+  }
+
   #powered .powered-text {
     border-top: 1px solid #ddd;
     margin: 30px auto 0;