From 5fe1271e3a135320a81a028047375a3f61ecf866 Mon Sep 17 00:00:00 2001
From: Joseph Myers <wjosephmyers@gmail.com>
Date: Mon, 10 Nov 2025 13:33:54 -0600
Subject: [PATCH] Added dynamic subscript sizing to project field

This allows the error text to occupy more layout than one line. Fixes a layout bug on small screens.
---
 .../src/app/project-select/project-select.component.html      | 2 +-
 .../src/app/project-select/project-select.component.scss      | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/SIL.XForge.Scripture/ClientApp/src/app/project-select/project-select.component.html b/src/SIL.XForge.Scripture/ClientApp/src/app/project-select/project-select.component.html
index 5bd2dd44bba..9e8051517e4 100644
--- a/src/SIL.XForge.Scripture/ClientApp/src/app/project-select/project-select.component.html
+++ b/src/SIL.XForge.Scripture/ClientApp/src/app/project-select/project-select.component.html
@@ -1,5 +1,5 @@
 <ng-container *transloco="let t; read: 'project_select'">
-  <mat-form-field>
+  <mat-form-field subscriptSizing="dynamic">
     <input
       type="text"
       matInput
diff --git a/src/SIL.XForge.Scripture/ClientApp/src/app/project-select/project-select.component.scss b/src/SIL.XForge.Scripture/ClientApp/src/app/project-select/project-select.component.scss
index 508fa0e333a..fc8e769da95 100644
--- a/src/SIL.XForge.Scripture/ClientApp/src/app/project-select/project-select.component.scss
+++ b/src/SIL.XForge.Scripture/ClientApp/src/app/project-select/project-select.component.scss
@@ -2,3 +2,7 @@
 mat-form-field {
   width: 100%;
 }
+
+:host ::ng-deep .mat-mdc-form-field-subscript-wrapper {
+  min-height: 0.75rem;
+}