From be8776bb1b40f5deddb10ed025731b17ce6abb7e Mon Sep 17 00:00:00 2001
From: GloriousCode <scott@gloriousedge.com>
Date: Tue, 17 Oct 2017 16:56:56 +1100
Subject: [PATCH] Sweet icons and cool spacing

---
 .../app/pages/settings/settings.component.html    |  3 ++-
 web/src/styles.scss                               | 15 +++++++++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/web/src/app/pages/settings/settings.component.html b/web/src/app/pages/settings/settings.component.html
index a62a3eeb..093c5ff3 100644
--- a/web/src/app/pages/settings/settings.component.html
+++ b/web/src/app/pages/settings/settings.component.html
@@ -5,7 +5,6 @@
 
     <button (click)="saveSettings()" mat-fab color="accent" class="mat-fab mat-fab-bottom-right"><mat-icon >save</mat-icon></button>
 
-
     <mat-accordion>
         <mat-expansion-panel *ngIf="settings.SMSGlobal != null">
             <mat-expansion-panel-header>
@@ -14,6 +13,7 @@
                 </mat-panel-title>
                 <mat-panel-description>
                     SMS configuration and contact management
+                    <mat-icon>phone_iphone</mat-icon>
                 </mat-panel-description>
             </mat-expansion-panel-header>
             <form class="form-content">
@@ -47,6 +47,7 @@
                 </mat-panel-title>
                 <mat-panel-description>
                     Exchange Settings
+                    <mat-icon>trending_up</mat-icon>
                 </mat-panel-description>
             </mat-expansion-panel-header>
             <form class="form-content">
diff --git a/web/src/styles.scss b/web/src/styles.scss
index a17f4bdb..f2f8bd4d 100644
--- a/web/src/styles.scss
+++ b/web/src/styles.scss
@@ -28,10 +28,21 @@ body {
     margin: 0px auto !important;
 }
 
-.mat-expansion-panel-header-description {
-    flex-grow: 0 !important;
+ .mat-expansion-panel-header-title, 
+ .mat-expansion-panel-header-description {
+  flex-basis: 0;
 }
 
+.mat-expansion-panel-header-description {
+  justify-content: space-between;
+  align-items: center;
+}
+
+.mat-expansion-panel-spacing {
+    margin: 16px auto !important;
+}
+
+
 .mat-drawer {
     background: none !important;
 }