Minor style improvements for downloads section

nukeop · May 3, 2024 · 96b040f · 96b040f
1 parent ac8bdac
commit 96b040f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/packages/app/app/components/Downloads/DownloadsHeader/styles.scss b/packages/app/app/components/Downloads/DownloadsHeader/styles.scss
@@ -2,8 +2,10 @@
   display: flex;
   flex-flow: row;
   justify-content: space-between;
+  margin: 0 !important;
 
-  .label, .directory {
+  .label,
+  .directory {
     display: flex;
     align-items: center;
   }

diff --git a/packages/app/app/components/Downloads/index.tsx b/packages/app/app/components/Downloads/index.tsx
@@ -43,22 +43,22 @@ const Downloads: React.FC<DownloadsProps> = ({
 
   return (
     <div className={styles.downloads_container}>
-      <DownloadsHeader
-        directory={downloadsDir}
-        setStringOption={setStringOption}
-      />
       {downloads.length === 0 && <EmptyState />}
       {downloads.length > 0 && (
-        <React.Fragment>
+        <>
           <Header>{t('header')}</Header>
+          <DownloadsHeader
+            directory={downloadsDir}
+            setStringOption={setStringOption}
+          />
           <DownloadsList
             items={downloads}
             clearFinishedTracks={clearFinishedTracks}
             resumeDownload={resumeDownload}
             pauseDownload={pauseDownload}
             removeDownload={removeDownload}
           />
-        </React.Fragment>
+        </>
       )}
     </div>
   );