Updates README.md

Centres spinners

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 :

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">

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();
         }

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" >

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';
 
 /*