From b83a16bf13a44b77f5077c08a670629168650fab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kosmos.org>
Date: Wed, 22 Apr 2026 11:32:57 +0400
Subject: [PATCH] Use button element for add-photo link

---
 app/components/place-details.gjs |  8 ++++++--
 app/styles/app.css               | 11 +++++++++--
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/app/components/place-details.gjs b/app/components/place-details.gjs
index a8046f9..c1d5c43 100644
--- a/app/components/place-details.gjs
+++ b/app/components/place-details.gjs
@@ -570,9 +570,13 @@ export default class PlaceDetails extends Component {
           <p class="content-with-icon">
             <Icon @name="camera" />
             <span>
-              <a href="#" {{on "click" this.openPhotoUploadModal}}>
+              <button
+                type="button"
+                class="btn-link"
+                {{on "click" this.openPhotoUploadModal}}
+              >
                 Add a photo
-              </a>
+              </button>
             </span>
           </p>
         </div>
diff --git a/app/styles/app.css b/app/styles/app.css
index 997105b..c96a9bc 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -771,12 +771,19 @@ select.form-control {
   border-top: 1px solid #eee;
 }
 
-.meta-info a {
+.meta-info a,
+.meta-info .btn-link {
   color: var(--link-color);
   text-decoration: none;
+  background: none;
+  border: none;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
 }
 
-.meta-info a:hover {
+.meta-info a:hover,
+.meta-info .btn-link:hover {
   text-decoration: underline;
 }