From 4235e3310fdaad14a9e172c151b7dbd8f07e7475 Mon Sep 17 00:00:00 2001
From: Siju Moncy <72241997+sijumoncy@users.noreply.github.com>
Date: Tue, 21 Nov 2023 10:30:40 +0530
Subject: [PATCH] Fix/UI support sync (#229)

* fix for support ui changes

* fix sync and support ui issues

* fix for common ui
---
 renderer/src/components/Sync/Sync.js      |  6 +++---
 renderer/src/layouts/editor/AboutModal.js | 17 +++++++++--------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/renderer/src/components/Sync/Sync.js b/renderer/src/components/Sync/Sync.js
index c6375bedb..4b1385f6f 100644
--- a/renderer/src/components/Sync/Sync.js
+++ b/renderer/src/components/Sync/Sync.js
@@ -171,9 +171,9 @@ export default function Sync() {
       <ProjectContextProvider>
         <ReferenceContextProvider>
           <ProjectsLayout>
-            <div className="grid grid-cols-2 gap-2 bg-gray-50 h-full">
+            <div className="grid grid-cols-2 gap-2 bg-gray-50 h-full ">
               {/* local projecr side */}
-              <div className="bg-white border-x border-gray-200 h-full">
+              <div className="bg-white border-x border-gray-200 h-screen ">
                 <div className="flex justify-between items-center p-3 px-5 uppercase tracking-wider shadow-sm border-b border-gray-200">
                   {/* <span className="font-semibold">Local Projects</span> */}
                   <span className="font-semibold">{t('label-prj-on-my-computer')}</span>
@@ -204,7 +204,7 @@ export default function Sync() {
               </div>
 
               {/* cloud project side */}
-              <div className="bg-white border-x border-gray-200">
+              <div className="bg-white border-x border-gray-200 h-screen">
                 <div className="flex justify-between items-center px-5 uppercase tracking-wider shadow-sm border-b border-gray-200">
                   <span className="font-semibold">{t('label-prj-on-cloud')}</span>
 
diff --git a/renderer/src/layouts/editor/AboutModal.js b/renderer/src/layouts/editor/AboutModal.js
index 5bcb0a823..a1c95363a 100644
--- a/renderer/src/layouts/editor/AboutModal.js
+++ b/renderer/src/layouts/editor/AboutModal.js
@@ -211,21 +211,21 @@ export default function AboutModal(props) {
                                       <h5 className="text-xs font-bold">Ask your Queries</h5>
                                     </div>
                                     <ul className="text-xs">
-                                      <li>Write the steps - how you faced the issue</li>
-                                      <li>Add relevant screenshots</li>
-                                      <li>Add specific suggestions - if you have any</li>
+                                      <li>Tell us in detail about the issue you faced.</li>
+                                      <li>Include relevant screenshots.</li>
+                                      <li>Add suggestions if you have any.</li>
                                     </ul>
                                   </div>
 
                                   <div className="flex justify-center gap-4 items-center ">
                                     <ul className="text-xs">
-                                      <li>Feautre : Describe your idea</li>
-                                      <span className="ml-1">How it will be beneficail for the users</span>
+                                      <li>Give your suggestion for new features &</li>
+                                      <span className="ml-1">how you think they can benefit others</span>
                                       <li>Feedback</li>
                                     </ul>
                                     <div className="flex flex-col gap-2 items-center">
                                       <ReplyIcon className="w-12 h-12 fill-primary " />
-                                      <h5 className="text-xs font-bold">Submit your suggessions</h5>
+                                      <h5 className="text-xs font-bold">Submit your suggestions</h5>
                                     </div>
                                   </div>
                                 </div>
@@ -278,9 +278,10 @@ export default function AboutModal(props) {
                             </div>
 
                             <p className="text-sm text-gray-700 ">
-                              <span className="font-semibold pr-1 text-primary">Thank you for your input!</span>
+                              <span className="font-semibold pr-1 text-primary">Thank you for your input</span>
+                              .
                               {' '}
-                              We value it. Our devoted crew is working hard to provide a seamless Scribe experience.
+                              It is greatly appreciated. Our dedicated team is working continuously to offer a smooth Scribe experience.
                             </p>
 
                           </>