feat(settings): unify settings icon colors and height of settings items

src/sass/views/tab-settings.scss

@@ -47,11 +47,21 @@
       color: $dark-gray;
       padding-top: 1.3rem;
       padding-bottom: 1.3rem;
+      &.has-setting-value {
+        padding-top: .65rem;
+        padding-bottom: .65rem;
+      }
       &.item-divider {
         color: $mid-gray;
         padding-bottom: .5rem;
         font-size: .9rem;
       }
+      .icon {
+        color: $light-gray;
+      }
+    }
+    .item-note {
+      color: $light-gray;
     }
  }
 }

www/img/icon-about.svg

@@ -5,7 +5,7 @@
     <desc>Created with sketchtool.</desc>
     <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Icons" transform="translate(-369.000000, -769.000000)" stroke="#8F8F90">
+        <g id="Icons" transform="translate(-369.000000, -769.000000)" stroke="#9b9bab">
             <g id="icons/list-items/sync" transform="translate(370.000000, 770.000000)">
                 <g id="icon/info">
                     <g>
@@ -18,4 +18,4 @@
             </g>
         </g>
     </g>
-</svg>
+</svg>

www/img/icon-address-book.svg

@@ -5,7 +5,7 @@
     <desc>Created with sketchtool.</desc>
     <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Icons" transform="translate(-185.000000, -769.000000)" stroke="#8F8F90">
+        <g id="Icons" transform="translate(-185.000000, -769.000000)" stroke="#9b9bab">
             <g id="icons/list-items/sync" transform="translate(186.000000, 770.000000)">
                 <g id="Group" transform="translate(0.386364, 0.370709)">
                     <path d="M0,16.3112128 L0,-1.77635684e-15 L12.3636364,-1.77635684e-15 C13.2136364,-1.77635684e-15 13.9090909,0.667276888 13.9090909,1.48283753 L13.9090909,14.8283753 C13.9090909,15.6439359 13.2136364,16.3112128 12.3636364,16.3112128 L0,16.3112128 L0,16.3112128 Z" id="Shape"></path>
@@ -17,4 +17,4 @@
             </g>
         </g>
     </g>
-</svg>
+</svg>

www/img/icon-advanced.svg

@@ -5,7 +5,7 @@
     <desc>Created with sketchtool.</desc>
     <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Icons" transform="translate(-802.000000, -769.000000)" stroke="#8F8F90">
+        <g id="Icons" transform="translate(-802.000000, -769.000000)" stroke="#9b9bab">
             <g id="media-24px-outline-1_flash-21" transform="translate(802.723270, 769.877358)">
                 <g id="Group">
                     <polygon id="Shape" points="10 0 0 11 9 11 8 18 18 7 9 7"></polygon>
@@ -13,4 +13,4 @@
             </g>
         </g>
     </g>
-</svg>
+</svg>

www/img/icon-alternative-currency.svg

@@ -5,7 +5,7 @@
     <desc>Created with sketchtool.</desc>
     <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Icons" transform="translate(-324.000000, -770.000000)" stroke="#8F8F90" stroke-width="0.7">
+        <g id="Icons" transform="translate(-324.000000, -770.000000)" stroke="#9b9bab" stroke-width="0.7">
             <g id="icons/list-items/sync" transform="translate(324.000000, 770.000000)">
                 <g id="Group" transform="translate(0.365217, 0.365217)">
                     <polyline id="Shape" points="10.5913043 11.6869565 0 11.6869565 0 0 16.0695652 0 16.0695652 7.96173913"></polyline>
@@ -19,4 +19,4 @@
             </g>
         </g>
     </g>
-</svg>
+</svg>

www/img/icon-help-support.svg

@@ -5,7 +5,7 @@
     <desc>Created with sketchtool.</desc>
     <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Icons" transform="translate(-757.000000, -769.000000)" stroke="#8F8F90">
+        <g id="Icons" transform="translate(-757.000000, -769.000000)" stroke="#9b9bab">
             <g id="ui-24px-outline-2_alert-circle-?" transform="translate(758.000000, 770.000000)">
                 <g id="Group">
                     <circle id="Oval" cx="9" cy="9" r="9"></circle>
@@ -15,4 +15,4 @@
             </g>
         </g>
     </g>
-</svg>
+</svg>

www/img/icon-network.svg

@@ -5,7 +5,7 @@
     <desc>Created with sketchtool.</desc>
     <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Icons" transform="translate(-634.000000, -770.000000)" stroke="#8F8F90" stroke-width="0.7">
+        <g id="Icons" transform="translate(-634.000000, -770.000000)" stroke="#9b9bab" stroke-width="0.7">
             <g id="icons/list-items/sync" transform="translate(634.000000, 770.000000)">
                 <g id="Group" transform="translate(0.403361, 0.403361)">
                     <path d="M7.41176471,6.45378151 L7.41176471,9.68067227" id="Shape"></path>
@@ -18,4 +18,4 @@
             </g>
         </g>
     </g>
-</svg>
+</svg>

www/views/preferences.html

@@ -29,7 +29,7 @@
         </span>
         <i class="icon bp-arrow-right"></i>
       </a>
-      <a class="item item-icon-right" ui-sref="tabs.preferences.preferencesEmail">
+      <a class="item has-setting-value item-icon-right" ui-sref="tabs.preferences.preferencesEmail">
         <span class="setting-title" translate>Email Notifications</span>
         <span class="setting-value">
           <span ng-if="!wallet.email" translate>Disabled</span>

www/views/tab-settings.html

@@ -58,7 +58,7 @@
       <!--   <i class="icon bp&#45;arrow&#45;right"></i> -->
       <!-- </a> -->
       <!--  -->
-      <a class="item item-icon-left item-icon-right" ui-sref="tabs.unit">
+      <a class="item has-setting-value item-icon-left item-icon-right" ui-sref="tabs.unit">
         <i class="icon big-icon-svg">
           <img src="img/icon-unit.svg" class="bg"/>
         </i>
@@ -69,7 +69,7 @@
         <i class="icon bp-arrow-right"></i>
       </a>
 
-      <a class="item item-icon-left item-icon-right" ui-sref="tabs.altCurrency">
+      <a class="item has-setting-value item-icon-left item-icon-right" ui-sref="tabs.altCurrency">
         <i class="icon big-icon-svg">
           <img src="img/icon-alternative-currency.svg" class="bg"/>
         </i>
@@ -80,7 +80,7 @@
         <i class="icon bp-arrow-right"></i>
       </a>
 
-      <a class="item item-icon-left item-icon-right" ui-sref="tabs.fee">
+      <a class="item has-setting-value item-icon-left item-icon-right" ui-sref="tabs.fee">
         <i class="icon big-icon-svg">
           <img src="img/icon-network.svg" class="bg"/>
         </i>