From 04125bbb98baa372fbd6aa19c4eff05d9d0220e2 Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Sat, 25 Nov 2023 15:19:45 +0500
Subject: [PATCH] web: minor ui fixes

---
 apps/web/src/components/search/index.jsx       |  2 +-
 apps/web/src/dialogs/onboarding-dialog.jsx     | 18 +++++++++++++++---
 apps/web/src/dialogs/password-dialog.jsx       |  3 ++-
 .../dialogs/settings/components/importer.tsx   |  2 ++
 4 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/components/search/index.jsx b/apps/web/src/components/search/index.jsx
index 2cc372e83..933f09028 100644
--- a/apps/web/src/components/search/index.jsx
+++ b/apps/web/src/components/search/index.jsx
@@ -29,7 +29,7 @@ function SearchBox({ onSearch }) {
       id="search"
       name="search"
       type="text"
-      sx={{ m: 0, mx: 2, mt: 1 }}
+      sx={{ m: 0, mx: 2, mt: 1, mb: 1 }}
       placeholder="Type your query here"
       onChange={debounce((e) => onSearch(e.target.value), 250)}
       action={{
diff --git a/apps/web/src/dialogs/onboarding-dialog.jsx b/apps/web/src/dialogs/onboarding-dialog.jsx
index f17a5e6d3..f64b5a1f5 100644
--- a/apps/web/src/dialogs/onboarding-dialog.jsx
+++ b/apps/web/src/dialogs/onboarding-dialog.jsx
@@ -17,7 +17,7 @@ You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-import { Text, Flex, Button, Image, Box } from "@theme-ui/components";
+import { Text, Flex, Button, Image, Box, Link } from "@theme-ui/components";
 import Dialog from "../components/dialog";
 import {
   Pro,
@@ -417,9 +417,21 @@ function CrossPlatform() {
   return (
     <Flex my={4} sx={{ alignItems: "center" }}>
       {isMacStoreApp() ? null : (
-        <Image src={GooglePlay} sx={{ flexShrink: 0, width: 135 }} />
+        <Link
+          href="https://play.google.com/store/apps/details?id=com.streetwriters.notesnook"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <Image src={GooglePlay} sx={{ flexShrink: 0, width: 135 }} />
+        </Link>
       )}
-      <Image src={AppleStore} sx={{ flexShrink: 0, width: 110 }} />
+      <Link
+        href="https://apps.apple.com/us/app/notesnook-take-private-notes/id1544027013"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        <Image src={AppleStore} sx={{ flexShrink: 0, width: 110 }} />
+      </Link>
     </Flex>
   );
 }
diff --git a/apps/web/src/dialogs/password-dialog.jsx b/apps/web/src/dialogs/password-dialog.jsx
index 14ea6d61d..cb6e48c1f 100644
--- a/apps/web/src/dialogs/password-dialog.jsx
+++ b/apps/web/src/dialogs/password-dialog.jsx
@@ -108,7 +108,8 @@ function PasswordDialog(props) {
               sx={{
                 fontSize: "body",
                 fontFamily: "body",
-                alignItems: "center"
+                alignItems: "center",
+                color: "paragraph"
               }}
             >
               <Checkbox id={check.key} name={check.key} />
diff --git a/apps/web/src/dialogs/settings/components/importer.tsx b/apps/web/src/dialogs/settings/components/importer.tsx
index ef48190b5..ff6ff2a93 100644
--- a/apps/web/src/dialogs/settings/components/importer.tsx
+++ b/apps/web/src/dialogs/settings/components/importer.tsx
@@ -127,6 +127,8 @@ export function Importer() {
                 <Link
                   href="https://help.notesnook.com/importing-notes/import-notes-from-evernote"
                   target="_blank"
+                  rel="noopener noreferrer"
+                  sx={{ color: "accent" }}
                 >
                   import guide
                 </Link>{" "}