Fix remove photo (#81)

* Fix photo clearing * Tweak respponsiveness to headers
pizza-to-the-polls · Mar 5, 2024 · 47b3bda · 47b3bda
1 parent 75d4b5a
commit 47b3bda
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git 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
@@ -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)}>