From eaad3a663bafcb99f30d8c1fc1a2bcbea234fa86 Mon Sep 17 00:00:00 2001
From: Sperling-0 <tanujadoriya@gmail.com>
Date: Tue, 19 Dec 2023 11:30:47 +0100
Subject: [PATCH 1/2] Fix - Breaking single characters into a new line problem

- Using <nobr> fixes the problem

Ticket: https://phabricator.wikimedia.org/T352982
---
 src/components/pages/UseOfFunds.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/UseOfFunds.vue b/src/components/pages/UseOfFunds.vue
index cfb666aa5..aad4b69cd 100644
--- a/src/components/pages/UseOfFunds.vue
+++ b/src/components/pages/UseOfFunds.vue
@@ -2,7 +2,10 @@
 	<div class="use_of_funds">
 		<div class="use_of_funds__section">
 			<div class="use_of_funds__section_intro">
-				<h1>{{ content.intro.headline }}</h1>
+				<h1>{{ content.intro.headline }}
+					<nobr v-if="content.provisional !== ''">?*</nobr>
+					<nobr v-else>?</nobr>
+				</h1>
 				<div>{{ content.intro.text }}</div>
 			</div>
 		</div>

From d7b6590173ef2a038a2df875f10cea8a3ed7d898 Mon Sep 17 00:00:00 2001
From: Sperling-0 <tanujadoriya@gmail.com>
Date: Tue, 9 Jan 2024 14:34:33 +0100
Subject: [PATCH 2/2]  Fix - Breaking single characters into a new line problem

- Use two different key-pair values for provisional and published headline
- This change is as per the team agreement

Ticket: https://phabricator.wikimedia.org/T352982
---
 src/components/pages/UseOfFunds.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/pages/UseOfFunds.vue b/src/components/pages/UseOfFunds.vue
index aad4b69cd..b818000c4 100644
--- a/src/components/pages/UseOfFunds.vue
+++ b/src/components/pages/UseOfFunds.vue
@@ -2,10 +2,8 @@
 	<div class="use_of_funds">
 		<div class="use_of_funds__section">
 			<div class="use_of_funds__section_intro">
-				<h1>{{ content.intro.headline }}
-					<nobr v-if="content.provisional !== ''">?*</nobr>
-					<nobr v-else>?</nobr>
-				</h1>
+				<h1 v-if="content.provisional !== ''" v-html="content.intro.dynamicHeadline.provisional"></h1>
+				<h1 v-else v-html="content.intro.dynamicHeadline.published"></h1>
 				<div>{{ content.intro.text }}</div>
 			</div>
 		</div>