From 58a01c68b77961e66a2389dc80e9fa598c2642c9 Mon Sep 17 00:00:00 2001
From: Janne Savolainen <janne.savolainen@live.fi>
Date: Tue, 5 Jul 2022 08:54:13 +0300
Subject: [PATCH] Tweak wording and styles of modal

Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>
---
 ...long-time-since-update-was-downloaded.test.ts.snap |  4 ++--
 .../force-update-modal/force-update-modal.module.scss | 11 ++++++-----
 .../force-update-modal/force-update-modal.tsx         |  7 ++-----
 3 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/behaviours/application-update/__snapshots__/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts.snap b/src/behaviours/application-update/__snapshots__/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts.snap
index 1cdc08ec68..186c470d12 100644
--- a/src/behaviours/application-update/__snapshots__/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts.snap
+++ b/src/behaviours/application-update/__snapshots__/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts.snap
@@ -452,14 +452,14 @@ exports[`force user to update when too long since update was downloaded when app
           class="header"
         >
           <h2>
-            Updating is required
+            Please update
           </h2>
         </div>
         <div
           class="content"
         >
           <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto culpa distinctio inventore sapiente sed. Consequatur debitis dicta dolorum expedita illum magni natus quae rem repudiandae rerum, similique suscipit velit voluptatum.
+            An update to Lens Desktop is required to continue using the application.
           </p>
         </div>
         <div
diff --git a/src/renderer/application-update/force-update-modal/force-update-modal.module.scss b/src/renderer/application-update/force-update-modal/force-update-modal.module.scss
index 7b0c3372e1..268a4a2af7 100644
--- a/src/renderer/application-update/force-update-modal/force-update-modal.module.scss
+++ b/src/renderer/application-update/force-update-modal/force-update-modal.module.scss
@@ -2,19 +2,20 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
+$baseline: 8px;
 
 .ForceUpdateModal {
   background-color: white;
-  border-radius: 8px;
-  padding: 24px;
-  width: 420px;
+  border-radius: 1 * $baseline;
+  padding: 3 * $baseline;
+  width: 50 * $baseline;
 
   .header {
-    margin-bottom: 16px;
+    margin-bottom: 2 * $baseline;
   }
 
   .content {
-    margin-bottom: 16px;
+    margin-bottom: 2 * $baseline;
   }
 
   .footer {
diff --git a/src/renderer/application-update/force-update-modal/force-update-modal.tsx b/src/renderer/application-update/force-update-modal/force-update-modal.tsx
index aa7eac463b..22c322be82 100644
--- a/src/renderer/application-update/force-update-modal/force-update-modal.tsx
+++ b/src/renderer/application-update/force-update-modal/force-update-modal.tsx
@@ -26,15 +26,12 @@ const NonInjectedForceUpdateModal = observer(
         className={styles.ForceUpdateModal}
       >
         <div className={styles.header}>
-          <h2>Updating is required</h2>
+          <h2>Please update</h2>
         </div>
 
         <div className={styles.content}>
           <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto
-            culpa distinctio inventore sapiente sed. Consequatur debitis dicta
-            dolorum expedita illum magni natus quae rem repudiandae rerum,
-            similique suscipit velit voluptatum.
+            An update to Lens Desktop is required to continue using the application.
           </p>
         </div>