adding scss file

public/views/advancedSettings.html

@@ -1,4 +1,4 @@
-<ion-view id="tab-settings" class="settings">
+<ion-view id="advanced-settings" class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Advanced Settings' | translate}}</ion-nav-title>
     <ion-nav-back-button>
@@ -33,19 +33,19 @@
       <ion-toggle ng-model="spendUnconfirmed.value" toggle-class="toggle-balanced" ng-change="spendUnconfirmedChange()">
         <span class="toggle-label" translate>Use Unconfirmed Funds</span>
       </ion-toggle>
-      <div ng-style="{'padding':'15px', 'background-color': '#fff', 'color': 'rgba(74, 74, 74, 0.8)'}">
+      <div class="comment">
         <span translate>If enabled, wallets will also try to spend unconfirmed funds. This option may cause transaction delays.</span>
       </div>
 
       <div class="item item-divider" translate>Experimental Features</div>
-      <div ng-style="{'padding':'15px', 'color': 'rgba(74, 74, 74, 0.8)', 'font-size': '15px'}">
+      <div class="divider-comment">
         <span translate>These features aren't quite ready for primetime. They may change, stop working, or disappear at any time.</span>
       </div>
 
       <ion-toggle ng-show="!isWP" ng-model="recentTransactionsEnabled.value" toggle-class="toggle-balanced" ng-change="recentTransactionsChange()">
         <span class="toggle-label" translate>Recent Transaction Card</span>
       </ion-toggle>
-      <div ng-style="{'padding':'15px', 'background-color': '#fff', 'color': 'rgba(74, 74, 74, 0.8)'}">
+      <div class="comment">
         <span transaction>If enabled, the Recent Transactions card - a list of transactions occuring across all wallets - will appear in the Home tab.</span>
       </div>
 

src/sass/main.scss

@@ -996,6 +996,7 @@ input[type=number] {
 @import "views/tab-send";
 @import "views/tab-settings";
 @import "views/walletDetails";
+@import "views/advancedSettings";
 @import "views/bitpayCard";
 @import "views/address-book";
 @import "views/wallet-backup-phrase";

src/sass/views/advancedSettings.scss

@@ -0,0 +1,53 @@
+.settings {
+  .item {
+    color: #444;
+    border-color: rgba(221, 221, 221, 0.3);
+  }
+}
+
+#advanced-settings {
+  .list {
+    .item {
+      color: #444;
+      border-top: none;
+      padding-top: 1.5rem;
+      padding-bottom: 1.5rem;
+      &:before {
+        display: block;
+        position: absolute;
+        width: 100%;
+        height: 1px;
+        background: rgba(221, 221, 221, 0.3);
+        top: 0;
+        right: 0;
+        content: '';
+      }
+      &.item-divider {
+        color: rgba(74, 74, 74, .8);
+      }
+      &.item-heading {
+        &:before {
+          top: 99%
+        }
+      }
+      &:nth-child(2) {
+        &:before {
+          width: 0;
+        }
+      }
+      .item-note {
+        color: rgb(58, 58, 58);
+      }
+    }
+    .comment {
+      padding: 15px;
+      background-color: #fff;
+      color: rgba(74, 74, 74, 0.8);
+    }
+    .divider-comment {
+      padding: 15px;
+      color: rgba(74, 74, 74, 0.8);
+      font-size: 15px;
+    }
+  }
+}