From 47b3bdad83685822b6540847932cf0a4c53f050a Mon Sep 17 00:00:00 2001
From: Scott Duncombe <srduncombe@gmail.com>
Date: Tue, 5 Mar 2024 11:53:37 -0800
Subject: [PATCH] Fix remove photo (#81)

* Fix photo clearing

* Tweak respponsiveness to headers
---
 src/components/app-root/app-root.scss      | 3 +++
 src/components/form-report/form-report.tsx | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/app-root/app-root.scss b/src/components/app-root/app-root.scss
index 78bb8d8..3afa055 100644
--- a/src/components/app-root/app-root.scss
+++ b/src/components/app-root/app-root.scss
@@ -147,6 +147,9 @@
       @media (min-width: 900px) {
         width: auto;
         padding: 0 0.75rem;
+        font-size: 1.3rem;
+      }
+      @media (min-width: 1000px) {
         font-size: 1.5rem;
       }
     }
diff --git a/src/components/form-report/form-report.tsx b/src/components/form-report/form-report.tsx
index ae5b570..3b82c0f 100644
--- a/src/components/form-report/form-report.tsx
+++ b/src/components/form-report/form-report.tsx
@@ -454,7 +454,7 @@ export class FormReport {
                   </div>
                   <div class="photo-preview-container" hidden={!this.hasPhoto}>
                     <div id="photo-preview"></div>
-                    <div class="delete" onClick={this.removePhoto}></div>
+                    <div class="delete" onClick={() => this.removePhoto()}></div>
                   </div>
                 </div>
                 <p class="help has-text-red" hidden={!("photo" in this.submitError)}>