From d7107a732faf7efe08d7199326dedf0f637d718d Mon Sep 17 00:00:00 2001
From: Egor Stronhin <egorst@accessibe.com>
Date: Thu, 5 Sep 2024 11:28:31 +0300
Subject: [PATCH] chore: Update VSCode settings and app styles

- Update VSCode settings to include "cSpell.words" for spell checking
- Adjust padding in PullRequest.styles.ts for the first child element
- Modify border and margin in usePulls.styles.ts for better visual appearance
---
 .vscode/settings.json                                         | 3 ++-
 .../Project/components/PullRequest/PullRequest.styles.ts      | 2 +-
 .../components/Project/hooks/usePulls/usePulls.styles.ts      | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 0c373fc..9061f15 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -7,5 +7,6 @@
   "i18n-ally.keystyle": "nested",
   "i18n-ally.localesPaths": ["src/locales"],
   "stylelint.enable": true,
-  "stylelint.validate": ["css", "javascript", "scss", "typescript"]
+  "stylelint.validate": ["css", "javascript", "scss", "typescript"],
+  "cSpell.words": ["blueprintjs", "Devkitty"]
 }
diff --git a/src/rendered/components/Project/components/PullRequest/PullRequest.styles.ts b/src/rendered/components/Project/components/PullRequest/PullRequest.styles.ts
index e3cce77..e7b840f 100644
--- a/src/rendered/components/Project/components/PullRequest/PullRequest.styles.ts
+++ b/src/rendered/components/Project/components/PullRequest/PullRequest.styles.ts
@@ -17,7 +17,7 @@ export const Root = styled.div`
   }
 
   &:first-child {
-    padding-top: 15px;
+    padding-top: 10px;
   }
 
   @media (prefers-color-scheme: dark) {
diff --git a/src/rendered/components/Project/hooks/usePulls/usePulls.styles.ts b/src/rendered/components/Project/hooks/usePulls/usePulls.styles.ts
index 2286a00..b2284ab 100644
--- a/src/rendered/components/Project/hooks/usePulls/usePulls.styles.ts
+++ b/src/rendered/components/Project/hooks/usePulls/usePulls.styles.ts
@@ -56,8 +56,8 @@ export const Action = styled.div<{ $active?: boolean }>(
 );
 
 export const WrapBlock = styled.div`
-  border: 1px solid ${Colors.LIGHT_GRAY2};
-  margin: 2px 0;
+  border-top: 1px solid ${Colors.LIGHT_GRAY2};
+  margin-top: 2px;
   position: relative;
 
   &:hover {