UI updates - new icons

nathanp · Oct 13, 2017 · 5112fc8 · 5112fc8
1 parent 1f381d4
commit 5112fc8
Show file tree

Hide file tree

Showing 8 changed files with 9 additions and 8 deletions.
diff --git a/css/app.css b/css/app.css
@@ -115,9 +115,11 @@ button {
 .tabs button,
 .tabs button.active {
   display: inline-block;
+  vertical-align: top;
 }
 .tabs button img {
-  width: 19px;
+  width: 16px;
+  height: 16px;
   opacity: 0.5;
   -webkit-transition: all 150ms ease;
   -moz-transition: all 150ms ease;

diff --git a/images/appbar.alert.png b/images/appbar.alert.png
diff --git a/images/appbar.pie.png b/images/appbar.pie.png
diff --git a/images/appbar.settings.png b/images/appbar.settings.png
diff --git a/images/appbar.speakerphone.png b/images/appbar.speakerphone.png
diff --git a/images/appbar.stock.png b/images/appbar.stock.png
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="UTF-8">
-    <title>Latest Crypto Prices</title>
+    <title>Crypto Price Widget</title>
     <link href="css/app.css" rel="stylesheet">
   </head>
 
@@ -13,9 +13,9 @@
         <button id="close-btn"></button>
       </div><!-- .controls -->
       <div class="tabs">
-        <button id="main-btn" href="#main"><img src="images/icons8-Home-64.png"></button>
-        <button id="portfolio-btn" href="#portfolio"><img src="images/icons8-Rebalance Portfolio-100.png"></button>
-        <button id="settings-btn" href="#settings"><img src="images/icons8-Settings.png"></button>
+        <button id="main-btn" href="#main"><img src="images/appbar.stock.png"></button>
+        <button id="portfolio-btn" href="#portfolio"><img src="images/appbar.pie.png"></button>
+        <button id="settings-btn" href="#settings"><img src="images/appbar.settings.png"></button>
       </div><!-- .tabs -->
     </header>
 
@@ -69,7 +69,6 @@ <h3>Choose Your Base Currency</h3>
       </label>
       </div>
 
-
       <h3>Tip Jar</h3>
       <ul id="tips">
         <li>BTC: 17iENfaJkEpxGXW7mgdFh9hGMZV65R2zVL</li>
@@ -110,7 +109,7 @@ <h3>Tip Jar</h3>
 
   <script>
     // You can also require other files to run in this process
-    require('./renderer.js')
+    //require('./renderer.js')
   </script>
   <script src="js/app_common.js"></script>
   <script src="js/html.sortable.min.js"></script>

diff --git a/js/app_common.js b/js/app_common.js
@@ -226,7 +226,7 @@ function updateData() {
               //console.log(span);
               span.innerHTML = '<span class="sym">' + coinSymbol + '</span> ' + coinRate + '<span class="change">' + coinDISPLAYchange + '%</span>'; 
 
-              //Price Alert Test
+              //Price Alert Test - PRO Feature
               /*
               * Choose crypto
               * Choose price