From b91ee56bf0152f5c1b091a4736dc8f0764c5745b Mon Sep 17 00:00:00 2001
From: Primakov Alexandr Alexandrovich <primakov.pro@yandex.ru>
Date: Tue, 4 Nov 2025 10:47:18 +0300
Subject: [PATCH] Adjust padding in Layout and TaskFormPage components for
 improved spacing. Enhance markdown preview styling with custom CSS for better
 link visibility and interaction.

---
 src/components/Layout.tsx        |  2 +-
 src/pages/tasks/TaskFormPage.tsx | 30 +++++++++++++++++++++++++++---
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index b93e297..3e5c355 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -122,7 +122,7 @@ export const Layout: React.FC<LayoutProps> = ({ children }) => {
       </Box>
 
       {/* Main Content */}
-      <Box px={4} py={8} w="100%">
+      <Box px={2} py={8} w="100%">
         {children}
       </Box>
     </Box>
diff --git a/src/pages/tasks/TaskFormPage.tsx b/src/pages/tasks/TaskFormPage.tsx
index 9cbdd36..641de07 100644
--- a/src/pages/tasks/TaskFormPage.tsx
+++ b/src/pages/tasks/TaskFormPage.tsx
@@ -124,7 +124,7 @@ export const TaskFormPage: React.FC = () => {
         as="form"
         onSubmit={handleSubmit}
         bg="white"
-        p={6}
+        p={4}
         borderRadius="lg"
         boxShadow="sm"
         borderWidth="1px"
@@ -178,7 +178,19 @@ export const TaskFormPage: React.FC = () => {
                     bg="gray.50"
                   >
                     {description ? (
-                      <Box className="markdown-preview">
+                      <Box 
+                        className="markdown-preview"
+                        css={{
+                          '& a': {
+                            color: '#0f766e',
+                            textDecoration: 'underline',
+                            cursor: 'pointer',
+                            '&:hover': {
+                              color: '#115e59',
+                            }
+                          }
+                        }}
+                      >
                         <ReactMarkdown>{description}</ReactMarkdown>
                       </Box>
                     ) : (
@@ -226,7 +238,19 @@ export const TaskFormPage: React.FC = () => {
                   overflowY="auto"
                 >
                   {description ? (
-                    <Box className="markdown-preview">
+                    <Box 
+                      className="markdown-preview"
+                      css={{
+                        '& a': {
+                          color: '#0f766e',
+                          textDecoration: 'underline',
+                          cursor: 'pointer',
+                          '&:hover': {
+                            color: '#115e59',
+                          }
+                        }
+                      }}
+                    >
                       <ReactMarkdown>{description}</ReactMarkdown>
                     </Box>
                   ) : (