From 2d7de079d5b2fa50f8bc6c288ea18e52290c3153 Mon Sep 17 00:00:00 2001
From: roo hutton <roo.hutton@overleaf.com>
Date: Mon, 19 May 2025 15:12:34 +0100
Subject: [PATCH] Merge pull request #24855 from overleaf/rh-pug-contact-ui

Pug BS5 contact form UI updates

GitOrigin-RevId: 2a2428c89f799913ad5c0f7a607d59735334aeda
---
 services/web/frontend/js/features/contact-form/search.js       | 3 ++-
 services/web/frontend/js/features/form-helpers/hydrate-form.js | 2 +-
 services/web/frontend/stylesheets/app/contact-us.less          | 3 ++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/services/web/frontend/js/features/contact-form/search.js b/services/web/frontend/js/features/contact-form/search.js
index dddba6781f..10e2ab2f63 100644
--- a/services/web/frontend/js/features/contact-form/search.js
+++ b/services/web/frontend/js/features/contact-form/search.js
@@ -46,7 +46,8 @@ export function setupSearch(formEl) {
         linkEl.append(contentEl)
 
         const iconEl = document.createElement('i')
-        iconEl.className = 'fa fa-angle-right'
+        iconEl.className = 'material-symbols dropdown-item-trailing-icon'
+        iconEl.innerText = 'open_in_new'
         iconEl.setAttribute('aria-hidden', 'true')
         linkEl.append(iconEl)
 
diff --git a/services/web/frontend/js/features/form-helpers/hydrate-form.js b/services/web/frontend/js/features/form-helpers/hydrate-form.js
index 3febf861b7..ed7b9fc26e 100644
--- a/services/web/frontend/js/features/form-helpers/hydrate-form.js
+++ b/services/web/frontend/js/features/form-helpers/hydrate-form.js
@@ -375,7 +375,7 @@ function formSentHelper(el) {
 }
 
 function formValidationHelper(el) {
-  el.querySelectorAll('input').forEach(inputEl => {
+  el.querySelectorAll('input, textarea').forEach(inputEl => {
     if (
       inputEl.willValidate &&
       !inputEl.hasAttribute('data-ol-no-custom-form-validation-messages')
diff --git a/services/web/frontend/stylesheets/app/contact-us.less b/services/web/frontend/stylesheets/app/contact-us.less
index 48400dee10..e72c620676 100644
--- a/services/web/frontend/stylesheets/app/contact-us.less
+++ b/services/web/frontend/stylesheets/app/contact-us.less
@@ -59,7 +59,8 @@
     }
   }
 
-  .fa {
+  .fa,
+  .material-symbols {
     display: table-cell;
     text-align: right;
     color: @gray-lighter;