Update 2 files

- /src/main/resources/templates/my-profile.html
- /src/main/resources/static/css/my-profile.css

src/main/resources/static/css/my-profile.css

@@ -420,3 +420,35 @@ a {
   flex-shrink: 0;
   width: 50%;
 }
+
+/* =========================
+   Top Row (My Recipes + Feedback)
+========================= */
+.profile-top-row {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.profile-top-row h2 {
+  margin: 0;
+}
+
+/* =========================
+   Feedback Button
+========================= */
+.feedback-btn {
+  background: var(--dark);
+  color: var(--dark-yellow) !important;
+  border-radius: 8px;
+  padding: 6px 14px;
+  font-weight: 700;
+  font-size: 0.7em;
+  text-decoration: none !important;
+  display: inline-block;
+}
+
+.feedback-btn:hover {
+  background: var(--dusty-red-hover);
+}

src/main/resources/templates/my-profile.html

@@ -45,7 +45,13 @@
     <!-- Main Content — recipes -->
     <main class="main-content">
 
-        <h2>My Recipes</h2>
+        <div class="profile-top-row">
+            <h2>My Recipes</h2>
+            <a href="https://forms.gle/qUx73EL7vjBDBXde7"
+               target="_blank"
+               rel="noopener noreferrer"
+               class="feedback-btn">Give Feedback</a>
+        </div>
 
         <p th:if="${#lists.isEmpty(profile.recipes)}">You have not created any recipes yet.</p>