From db58874a15ab3332a99ef6db90ef76019e3cc1f6 Mon Sep 17 00:00:00 2001
From: Dave Skender <8432125+DaveSkender@users.noreply.github.com>
Date: Wed, 11 Oct 2023 08:11:56 -0400
Subject: [PATCH 1/5] delay edit button

---
 Client/src/app/app.component.html | 4 ++--
 Client/src/app/app.component.ts   | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/Client/src/app/app.component.html b/Client/src/app/app.component.html
index 847bfa94..6bf2d0db 100644
--- a/Client/src/app/app.component.html
+++ b/Client/src/app/app.component.html
@@ -9,7 +9,7 @@ <h1 class="no-wrap">
   </mat-toolbar>
 </header>
 
-<main id="main-content" class="content-container">
+<main id="main-content" class="content-container" [hidden]="cs.loading">
 
   <div class="button-container">
     <button mat-fab color="accent"
@@ -23,7 +23,7 @@ <h1 class="no-wrap">
   <app-chart></app-chart>
 </main>
 
-<footer class="footer">
+<footer class="footer" [hidden]="cs.loading">
   Demo of the
   <strong>
     <a href="https://dotnet.stockindicators.dev/" target="_blank" rel="noopener">
diff --git a/Client/src/app/app.component.ts b/Client/src/app/app.component.ts
index 65ebf6cb..d5e2f177 100644
--- a/Client/src/app/app.component.ts
+++ b/Client/src/app/app.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { StyleService } from './services/style.service';
 import { SettingsComponent } from './picker/settings.component';
+import { ChartService } from './services/chart.service';
 
 @Component({
   selector: 'app-root',
@@ -11,6 +12,7 @@ import { SettingsComponent } from './picker/settings.component';
 export class AppComponent implements OnInit {
 
   constructor(
+    public readonly cs: ChartService,
     public readonly ts: StyleService,
     private readonly settingsDialog: MatDialog
   ) { }

From 1126a092b036b85041438f18732598a892e15ec5 Mon Sep 17 00:00:00 2001
From: Dave Skender <8432125+DaveSkender@users.noreply.github.com>
Date: Wed, 11 Oct 2023 08:24:52 -0400
Subject: [PATCH 2/5] adjust loading

---
 Client/src/app/app.component.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/Client/src/app/app.component.html b/Client/src/app/app.component.html
index 6bf2d0db..29fe6d95 100644
--- a/Client/src/app/app.component.html
+++ b/Client/src/app/app.component.html
@@ -9,9 +9,9 @@ <h1 class="no-wrap">
   </mat-toolbar>
 </header>
 
-<main id="main-content" class="content-container" [hidden]="cs.loading">
+<main id="main-content" class="content-container">
 
-  <div class="button-container">
+  <div class="button-container" *ngIf="!cs.loading">
     <button mat-fab color="accent"
       (click)="openSettingsDialog()"
       matTooltip="change indicators and settings"
@@ -23,7 +23,7 @@ <h1 class="no-wrap">
   <app-chart></app-chart>
 </main>
 
-<footer class="footer" [hidden]="cs.loading">
+<footer class="footer" *ngIf="!cs.loading">
   Demo of the
   <strong>
     <a href="https://dotnet.stockindicators.dev/" target="_blank" rel="noopener">

From c6277fe97b016aae8566467f38285897e926ef55 Mon Sep 17 00:00:00 2001
From: Dave Skender <8432125+DaveSkender@users.noreply.github.com>
Date: Wed, 11 Oct 2023 09:37:17 -0400
Subject: [PATCH 3/5] sizing cleanup

---
 Client/src/app/app.component.html         | 25 +++++++++--------------
 Client/src/app/app.component.scss         |  6 ++++--
 Client/src/app/chart/chart.component.scss |  6 ++++--
 Client/src/styles/_themed-parts.scss      |  3 ++-
 4 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/Client/src/app/app.component.html b/Client/src/app/app.component.html
index 29fe6d95..0bd2810a 100644
--- a/Client/src/app/app.component.html
+++ b/Client/src/app/app.component.html
@@ -1,21 +1,16 @@
-
-<header class="content-container">
-  <mat-toolbar class="noselect main-toolbar" color="default">
-    <h1 class="no-wrap">
-      <a href="https://github.com/DaveSkender/Stock.Charts/">
-        stock chart
-      </a>
-    </h1>
-  </mat-toolbar>
-</header>
+<mat-toolbar class="noselect main-toolbar" color="default">
+  <h1 class="no-wrap">
+    <a href="https://github.com/DaveSkender/Stock.Charts/">
+      stock chart
+    </a>
+  </h1>
+</mat-toolbar>
 
 <main id="main-content" class="content-container">
 
-  <div class="button-container" *ngIf="!cs.loading">
-    <button mat-fab color="accent"
-      (click)="openSettingsDialog()"
-      matTooltip="change indicators and settings"
-      aria-label="change indicators and settings">
+  <div class="button-container">
+    <button mat-fab color="accent" *ngIf="!cs.loading" (click)="openSettingsDialog()"
+      matTooltip="change indicators and settings" aria-label="change indicators and settings">
       <mat-icon color="primary">edit</mat-icon>
     </button>
   </div>
diff --git a/Client/src/app/app.component.scss b/Client/src/app/app.component.scss
index 09be5540..fadeca33 100644
--- a/Client/src/app/app.component.scss
+++ b/Client/src/app/app.component.scss
@@ -6,9 +6,10 @@
 
   width: 100%;
   max-width: 1024px;
-  margin-left: auto;
+  margin: 0;
   margin-right: auto;
-  padding: 0 8px;
+  margin-left: auto;
+  padding: 0;
 
   .button-container {
 
@@ -16,6 +17,7 @@
     top: -50px;
     right: 8px;
     height: 100%;
+    min-height: 100vh;
 
     button {
       opacity: 0.6;
diff --git a/Client/src/app/chart/chart.component.scss b/Client/src/app/chart/chart.component.scss
index ae70bb90..54ab3e0f 100644
--- a/Client/src/app/chart/chart.component.scss
+++ b/Client/src/app/chart/chart.component.scss
@@ -5,7 +5,8 @@
 
 .chart-overlay-container {
 
-  padding: 0;
+  padding: 0 8px;
+  max-width: 1024px;
   margin: auto;
 
   height: 55vh;
@@ -22,7 +23,8 @@
 
 .chart-oscillator-container {
 
-  padding: 0;
+  padding: 0 8px;
+  max-width: 1024px;
   margin: auto;
   margin-top: 0.5rem;
 
diff --git a/Client/src/styles/_themed-parts.scss b/Client/src/styles/_themed-parts.scss
index aa92290a..29ddc863 100644
--- a/Client/src/styles/_themed-parts.scss
+++ b/Client/src/styles/_themed-parts.scss
@@ -28,7 +28,7 @@
     max-width: $maxwidth;
     margin-left: auto;
     margin-right: auto;
-    padding: 0 1px;
+    padding: 0 8px;
 
     a {
       font-family: "Google Sans", Roboto, Arial, Helvetica, sans-serif;
@@ -45,6 +45,7 @@
   // MAIN FOOTER
   .footer {
     padding: 1rem 9px;
+    margin-top: 3rem;
     text-align: center;
     color: mat.get-color-from-palette($accent, 600);
 

From 55cea945dd94b189e889206f82d974f446fe2233 Mon Sep 17 00:00:00 2001
From: Dave Skender <8432125+DaveSkender@users.noreply.github.com>
Date: Wed, 11 Oct 2023 09:52:38 -0400
Subject: [PATCH 4/5] fix loading color

---
 Client/src/app/chart/chart.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Client/src/app/chart/chart.component.html b/Client/src/app/chart/chart.component.html
index c8a3b7f8..a4ddb845 100644
--- a/Client/src/app/chart/chart.component.html
+++ b/Client/src/app/chart/chart.component.html
@@ -1,7 +1,7 @@
 <!-- loading -->
 <div *ngIf="cs.loading">
 
-  <div style="margin-top:175px;text-align:center;font-family:'Google Sans',Roboto,Arial,sans-serif;font-size:12px;">
+  <div style="margin-top:175px;text-align:center;font-family:'Google Sans',Roboto,Arial,sans-serif;font-size:12px;color:#666;">
     <p><img src="../assets/spinner.gif" alt="loading" height="25"><br>LOADING</p>
   </div>
 

From 839bb952280337b7cea378891d6440134c4e5c05 Mon Sep 17 00:00:00 2001
From: Dave Skender <8432125+DaveSkender@users.noreply.github.com>
Date: Wed, 11 Oct 2023 09:57:27 -0400
Subject: [PATCH 5/5] Update _themed-parts.scss

---
 Client/src/styles/_themed-parts.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Client/src/styles/_themed-parts.scss b/Client/src/styles/_themed-parts.scss
index 29ddc863..407d97d8 100644
--- a/Client/src/styles/_themed-parts.scss
+++ b/Client/src/styles/_themed-parts.scss
@@ -28,7 +28,7 @@
     max-width: $maxwidth;
     margin-left: auto;
     margin-right: auto;
-    padding: 0 8px;
+    padding: 0 9px;
 
     a {
       font-family: "Google Sans", Roboto, Arial, Helvetica, sans-serif;