From bf1af8d0a02527926d62a630590bb765a9655ad6 Mon Sep 17 00:00:00 2001
From: nikk gitanes <tsynik@gmail.com>
Date: Sun, 7 Apr 2024 04:59:33 +0300
Subject: [PATCH] some layout improvements

---
 README.md                                     |  2 ++
 web/src/components/Add/LeftSideComponent.jsx  |  1 +
 web/src/components/Add/RightSideComponent.jsx | 14 +++++++++-----
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index ff675ed..dfd0807 100644
--- a/README.md
+++ b/README.md
@@ -186,6 +186,8 @@ To run the web server locally, just run
 yarn start
 ```
 
+More info at https://github.com/YouROK/TorrServer/tree/master/web#readme
+
 ### Build
 
 #### Server
diff --git a/web/src/components/Add/LeftSideComponent.jsx b/web/src/components/Add/LeftSideComponent.jsx
index 8f4289c..ef42317 100644
--- a/web/src/components/Add/LeftSideComponent.jsx
+++ b/web/src/components/Add/LeftSideComponent.jsx
@@ -56,6 +56,7 @@ export default function LeftSideComponent({
           margin='dense'
           label={t('AddDialog.TorrentSourceLink')}
           helperText={t('AddDialog.TorrentSourceOptions')}
+          style={{ marginTop: '1em' }}
           type='text'
           fullWidth
           variant='outlined'
diff --git a/web/src/components/Add/RightSideComponent.jsx b/web/src/components/Add/RightSideComponent.jsx
index 5fbd66e..1f68b5e 100644
--- a/web/src/components/Add/RightSideComponent.jsx
+++ b/web/src/components/Add/RightSideComponent.jsx
@@ -79,6 +79,7 @@ export default function RightSideComponent({
               value={originalTorrentTitle}
               margin='dense'
               label={t('AddDialog.OriginalTorrentTitle')}
+              style={{ marginTop: '1em' }}
               type='text'
               variant='outlined'
               fullWidth
@@ -100,7 +101,8 @@ export default function RightSideComponent({
                 endAdornment: (
                   <InputAdornment position='end'>
                     <IconButton
-                      style={{ padding: '1px' }}
+                      size='small'
+                      style={{ padding: '1px', marginRight: '-6px' }}
                       onClick={() => {
                         setTitle('')
                         setIsCustomTitleEnabled(!isCustomTitleEnabled)
@@ -108,7 +110,7 @@ export default function RightSideComponent({
                         setIsUserInteractedWithPoster(false)
                       }}
                     >
-                      <HighlightOffIcon style={{ color: isCustomTitleEnabled ? primary : rgba('#ccc', 0.5) }} />
+                      <HighlightOffIcon style={{ color: isCustomTitleEnabled ? primary : rgba('#ccc', 0.25) }} />
                     </IconButton>
                   </InputAdornment>
                 ),
@@ -121,6 +123,7 @@ export default function RightSideComponent({
             value={title}
             margin='dense'
             label={t('AddDialog.TitleBlank')}
+            style={{ marginTop: '1em' }}
             type='text'
             variant='outlined'
             fullWidth
@@ -154,11 +157,12 @@ export default function RightSideComponent({
                 ? () => (
                     <IconButton
                       size='small'
-                      onClick={(e) => {
-                        setCategory("");
+                      style={{ padding: '1px', marginLeft: '6px', marginRight: '8px' }}
+                      onClick={() => {
+                        setCategory('')
                       }}
                     >
-                      <Clear />
+                      <HighlightOffIcon style={{ color: primary }} />
                     </IconButton>
                   )
                 : undefined