From cf35248c7ef80c1f4fdded499f15ee46e14c5f46 Mon Sep 17 00:00:00 2001
From: Jason Dreyzehner <jason@dreyzehner.com>
Date: Wed, 12 Oct 2016 19:11:02 -0400
Subject: [PATCH] feat(design): better settings list organization

---
 www/views/tab-settings.html | 48 ++++++++++++++++++++-----------------
 1 file changed, 26 insertions(+), 22 deletions(-)

diff --git a/www/views/tab-settings.html b/www/views/tab-settings.html
index df2530346..8d0e9f185 100644
--- a/www/views/tab-settings.html
+++ b/www/views/tab-settings.html
@@ -20,6 +20,15 @@
         <span translate>Address Book</span>
         <i class="icon bp-arrow-right"></i>
       </a>
+      <a class="item item-icon-left item-icon-right" ng-click=openExternalLink("https://help.bitpay.com")>
+        <i class="icon big-icon-svg">
+          <img src="img/icon-help-support.svg" class="bg"/>
+        </i>
+        <span translate>Help &amp; Support</span>
+        <i class="icon big-icon-svg">
+          <img src="img/icon-link.svg" class="bg"/>
+        </i>
+      </a>
       <a class="ng-hide item item-icon-left item-icon-right" ng-hide="true">
         <i class="icon big-icon-svg">
           <img src="img/icon-send-feedback.svg" class="bg"/>
@@ -81,15 +90,9 @@
         </span>
         <i class="icon bp-arrow-right"></i>
       </a>
-      <a class="item item-icon-right item-icon-left" href ui-sref="tabs.advanced">
-        <i class="icon big-icon-svg">
-          <img src="img/icon-advanced.svg" class="bg"/>
-        </i>
-        <span translate>Advanced</span>
-        <i class="icon bp-arrow-right"></i>
-      </a>
 
       <div class="item item-divider" ng-show="wallets[0]" translate>Wallets &amp; Integrations</div>
+
       <a class="item item-icon-left item-icon-right" href
            ui-sref="tabs.preferences({'walletId': item.id})"
            ng-repeat="item in wallets track by $index">
@@ -107,14 +110,8 @@
       </a>
 
       <div class="item item-divider"></div>
-      <a class="item item-icon-left item-icon-right" href ui-sref="tabs.about">
-        <i class="icon big-icon-svg">
-          <img src="img/icon-about.svg" class="bg"/>
-        </i>
-        <span translate>About</span> {{appName}}
-        <i class="icon bp-arrow-right"></i>
-      </a>
-      <a class="item item-icon-left item-icon-right" href ng-hide="true">
+
+      <a class="ng-hide item item-icon-left item-icon-right" href ng-hide="true">
         <i class="icon big-icon-svg">
           <img src="img/icon-heart.svg" class="bg"/>
         </i>
@@ -122,16 +119,23 @@
         <i class="icon bp-arrow-right"></i>
       </a>
 
-      <div class="item item-divider"></div>
-      <a class="item item-icon-left item-icon-right" ng-click=openExternalLink("https://help.bitpay.com")>
+      <div class="ng-hide item item-divider" ng-hide="true"></div>
+
+      <a class="item item-icon-right item-icon-left" href ui-sref="tabs.advanced">
         <i class="icon big-icon-svg">
-          <img src="img/icon-help-support.svg" class="bg"/>
-        </i>
-        <span translate>Help &amp; Support</span>
-        <i class="icon big-icon-svg">
-          <img src="img/icon-link.svg" class="bg"/>
+          <img src="img/icon-advanced.svg" class="bg"/>
         </i>
+        <span translate>Advanced</span>
+        <i class="icon bp-arrow-right"></i>
       </a>
+      <a class="item item-icon-left item-icon-right" href ui-sref="tabs.about">
+        <i class="icon big-icon-svg">
+          <img src="img/icon-about.svg" class="bg"/>
+        </i>
+        <span translate>About</span> {{appName}}
+        <i class="icon bp-arrow-right"></i>
+      </a>
+
       <div class="item item-divider"></div>
     </div>
   </ion-content>