From fcbc15abcc7ec14269abca2865c4fe4afcd54a9b Mon Sep 17 00:00:00 2001
From: Julie Graceffa <19556185+jewls618@users.noreply.github.com>
Date: Mon, 9 Feb 2026 13:50:09 -0500
Subject: [PATCH] add eye icon during form field section

---
 app/javascript/submission_form/form.vue | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/app/javascript/submission_form/form.vue b/app/javascript/submission_form/form.vue
index 4061a505..d70a800e 100644
--- a/app/javascript/submission_form/form.vue
+++ b/app/javascript/submission_form/form.vue
@@ -91,7 +91,7 @@
     />
   </button>
   <button
-    v-if="!isFormVisible && !isCompleted"
+    v-if="!isFormVisible && !isCompleted && isMobile"
     id="expand_form_button_x"
     class="btn btn-neutral flex text-white fixed top-4 right-4 z-40"
     :title="t('expand')"
@@ -109,10 +109,22 @@
     :style="formContainerStyle"
   >
     <button
-      v-if="!isCompleted && isFormVisible"
+      v-if="!isCompleted && isFormVisible && isMobile && currentField?.type !== 'signature'"
+      id="close_form_button"
+      class="absolute right-0 top-0 minimize-form-button mr-2 mt-2"
+      :title="t('minimize')"
+      @click.prevent="minimizeForm"
+    >
+      <IconEye
+        :width="20"
+        :height="20"
+      />
+    </button>
+    <button
+      v-if="!isCompleted && isFormVisible && !isMobile"
       id="minimize_form_button"
       class="absolute right-0 top-0 minimize-form-button"
-      :class="currentField?.description?.length > 100 ? 'mr-1 mt-1 md:mr-2 md:mt-2': 'mr-2 mt-2 hidden md:block'"
+      :class="currentField?.description?.length > 100 ? 'mr-1 mt-1 md:mr-2 md:mt-2': 'mr-2 mt-2'"
       :title="t('minimize')"
       @click.prevent="minimizeForm"
     >
@@ -610,7 +622,7 @@ import DateStep from './date_step'
 import MarkdownContent from './markdown_content'
 import InviteForm from './invite_form'
 import FormCompleted from './completed'
-import { IconInnerShadowTop, IconArrowsDiagonal, IconWritingSign, IconArrowsDiagonalMinimize2, IconX } from '@tabler/icons-vue'
+import { IconInnerShadowTop, IconArrowsDiagonal, IconWritingSign, IconArrowsDiagonalMinimize2, IconX, IconEye } from '@tabler/icons-vue'
 import AppearsOn from './appears_on'
 import i18n from './i18n'
 
@@ -660,6 +672,7 @@ export default {
     PaymentStep,
     IconArrowsDiagonalMinimize2,
     IconX,
+    IconEye,
     FormCompleted
   },
   provide () {