From 10a7f34abb578604209707b97d5497c5450745ed Mon Sep 17 00:00:00 2001
From: "G.Ambatte" <sean@robertson-family.nz>
Date: Fri, 10 May 2024 07:45:04 +1200
Subject: [PATCH] Update lock message

---
 .../editPage/lockNotification/lockNotification.jsx    |  7 +++++--
 .../editPage/lockNotification/lockNotification.less   | 11 +++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/client/homebrew/pages/editPage/lockNotification/lockNotification.jsx b/client/homebrew/pages/editPage/lockNotification/lockNotification.jsx
index 7477ba789..fbb30a0a6 100644
--- a/client/homebrew/pages/editPage/lockNotification/lockNotification.jsx
+++ b/client/homebrew/pages/editPage/lockNotification/lockNotification.jsx
@@ -19,9 +19,12 @@ const LockNotification = createClass({
 			<h1>BREW LOCKED</h1>
 			<p>This brew been locked by the Administrators. It will not be accessible by any method other than the Editor until the lock is removed.</p>
 			<hr />
-			<p><strong>LOCK MESSAGE:</strong></p>
+			<h3>LOCK REASON</h3>
 			<p>{this.props.message || 'Unable to retrieve Lock Message'}</p>
-			<button onClick={()=>{this.props.disableLock();}}>CONTINUE TO EDITOR</button>
+			<hr />
+			<p>Once you have resolved this issue, click REQUEST LOCK REMOVAL to notify the Administrators for review.</p>
+			<p>Click CONTINUE TO EDITOR to temporarily hide this notification; it will reappear the next time the page is reloaded.</p>
+			<button onClick={this.props.disableLock}>CONTINUE TO EDITOR</button>
 			<button onClick={this.removeLock}>REQUEST LOCK REMOVAL</button>
 		</div>;
 	}
diff --git a/client/homebrew/pages/editPage/lockNotification/lockNotification.less b/client/homebrew/pages/editPage/lockNotification/lockNotification.less
index 60919aab8..18dec07e3 100644
--- a/client/homebrew/pages/editPage/lockNotification/lockNotification.less
+++ b/client/homebrew/pages/editPage/lockNotification/lockNotification.less
@@ -15,4 +15,15 @@
 			background-color: #777;
 		}
 	}
+
+	h1, h3 {
+		font-family: 'Open Sans', sans-serif;
+		font-weight: 800;
+	}
+	h1 {
+		font-size: 24px;
+	}
+	h3 {
+		font-size: 18px;
+	}
 }
\ No newline at end of file