From 66a1ec3046f56ebb958995556f884b1af0d95333 Mon Sep 17 00:00:00 2001
From: Andrew Cross <andrew-stuart-cross@outlook.com>
Date: Thu, 1 Aug 2024 15:28:22 +0100
Subject: [PATCH] more responsive design changes; change log added

---
 src/app/ideas/ideas.component.css          | 18 +++++++++++++++++-
 src/app/ideas/ideas.component.html         | 22 +++++++++++++++++++++-
 src/app/wkts-match/wkts-match.component.ts |  4 ++--
 src/styles.css                             |  2 +-
 4 files changed, 41 insertions(+), 5 deletions(-)

diff --git a/src/app/ideas/ideas.component.css b/src/app/ideas/ideas.component.css
index 9a46417..ca6e7f1 100644
--- a/src/app/ideas/ideas.component.css
+++ b/src/app/ideas/ideas.component.css
@@ -1,3 +1,19 @@
 .ideas {
     margin: 2% 10%;
-}
\ No newline at end of file
+}
+
+table {
+    font-family: arial, sans-serif;
+    border-collapse: collapse;
+    width: 100%;
+  }
+  
+  td, th {
+    border: 1px solid #dddddd;
+    text-align: left;
+    padding: 8px;
+  }
+  
+  tr:nth-child(even) {
+    background-color: #dddddd;
+  }
\ No newline at end of file
diff --git a/src/app/ideas/ideas.component.html b/src/app/ideas/ideas.component.html
index 508c2fd..9419c5b 100644
--- a/src/app/ideas/ideas.component.html
+++ b/src/app/ideas/ideas.component.html
@@ -19,7 +19,27 @@ <h1 class="centre">Ideas</h1>
     </ul>
 
     <p>
-        Do you have any ideas?  I would most welcome your feedback and any ideas for charts.
+        Do you have any ideas? I would most welcome your feedback and any ideas for charts.
     </p>
 
+    <section>
+
+        <hr class="divider">
+
+        <h3>Change log</h3>
+
+        <table>
+            <tr>
+                <th style="width:85%">Change</th>
+                <th>Date</th>
+            </tr>
+            <tr>
+                <td>Major change to responsive design: charts better in small screens in portrait screen orientation.
+                </td>
+                <td>01/08/2024</td>
+            </tr>
+        </table>
+
+    </section>
+
 </section>
\ No newline at end of file
diff --git a/src/app/wkts-match/wkts-match.component.ts b/src/app/wkts-match/wkts-match.component.ts
index 0499a41..71f084c 100644
--- a/src/app/wkts-match/wkts-match.component.ts
+++ b/src/app/wkts-match/wkts-match.component.ts
@@ -17,8 +17,8 @@ export class WktsMatchComponent {
   @ViewChild(BaseChartDirective) chart?: BaseChartDirective;
 
   @HostListener('window:resize', ['$event.target.innerHeight'])
-  onResize() { //event: any) {
-    // console.log(event)
+  onResize(event: any) {
+     console.log(event)
     this.chart?.chart?.resize();
   }
 
diff --git a/src/styles.css b/src/styles.css
index ed57d4d..fa661c0 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -132,7 +132,7 @@ body {
 /* Larger devices (769px and up) */
 @media only screen and (min-width: 992px) {
     .chart {
-        max-height: 500px;
+        max-height: 525px;
         width: 100%;
     }