diff --git a/web/README.md b/web/README.md
index 95048ede..8a9265b2 100644
--- a/web/README.md
+++ b/web/README.md
@@ -1,11 +1,17 @@
 ## GoCryptoTrader website
-A website interface to interact with the main gocryptotrader application
+A website interface to interact with the main GoCryptoTrader application. It is developed with Angular 4 with support for Electron
+
+##This is still in active development
+ You can track ideas, planned features and what's in progresss on this Trello board: [https://trello.com/b/ZAhMhpOy/gocryptotrader](https://trello.com/b/ZAhMhpOy/gocryptotrader).
 
 ## Current Features
-+ It can run... It is so incredibly basic right now
++ It can run
++ It can be compiled with Electron to run as an executable
++ Websocket support to listen to GoCryptoTrader events
++ Material design
++ Has a semi-working Settings page
++ Has a basic ticker dashboard
 
-## Planned Features
- You can track ideas, planned features and what's in progresss on this Trello board: [https://trello.com/b/ZAhMhpOy/gocryptotrader](https://trello.com/b/ZAhMhpOy/gocryptotrader).
 
  
 Install dependencies with npm :
diff --git a/web/src/app/pages/settings/settings.component.html b/web/src/app/pages/settings/settings.component.html
index a5f24dd7..8869352b 100644
--- a/web/src/app/pages/settings/settings.component.html
+++ b/web/src/app/pages/settings/settings.component.html
@@ -1,4 +1,4 @@
-<div *ngShow="settings === null">
+<div class="loading-spinner" *ngIf="settings === null">
     <md-progress-spinner mode="indeterminate"></md-progress-spinner>
 </div>
 <div *ngIf="settings !== null">
diff --git a/web/src/app/pages/settings/settings.component.ts b/web/src/app/pages/settings/settings.component.ts
index 266ef9b9..27a6ed69 100644
--- a/web/src/app/pages/settings/settings.component.ts
+++ b/web/src/app/pages/settings/settings.component.ts
@@ -54,8 +54,8 @@ export class SettingsComponent implements OnInit {
     if (this.failCount <= 10) {
       setTimeout(() => {
       if (this.settings === null) {
-        console.log(this.failCount);
-          console.log('Settings hasnt been set. Trying again');
+          //console.log(this.failCount);
+          //console.log('Settings hasnt been set. Trying again');
           this.failCount++;
           this.getSettings();
         }
diff --git a/web/src/app/shared/all-enabled-currency-tickers/all-enabled-currency-tickers.component.html b/web/src/app/shared/all-enabled-currency-tickers/all-enabled-currency-tickers.component.html
index 19cb8e7c..9d42d5d6 100644
--- a/web/src/app/shared/all-enabled-currency-tickers/all-enabled-currency-tickers.component.html
+++ b/web/src/app/shared/all-enabled-currency-tickers/all-enabled-currency-tickers.component.html
@@ -1,4 +1,4 @@
-<div *ngIf="tickerCards === null">
+<div class="loading-spinner" *ngIf="tickerCards === null || tickerCards.length === 0">
   <md-progress-spinner mode="indeterminate"></md-progress-spinner>
 </div>
 <md-grid-list cols="4" rowHeight="4:3" >
diff --git a/web/src/styles.scss b/web/src/styles.scss
index 87c0e2ca..8f646c7f 100644
--- a/web/src/styles.scss
+++ b/web/src/styles.scss
@@ -20,6 +20,12 @@ body {
     width:100%;
 }
 
+.loading-spinner {
+    margin-left:50%;
+    margin-right:50%;
+    width:100%;
+}
+
 @import '~@angular/material/prebuilt-themes/indigo-pink.css';
 
 /*