change search input alignment

DantSu · May 3, 2024 · 13c7af6 · 13c7af6
1 parent 120fdc5
commit 13c7af6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/App/Components/Table/Table.js b/src/App/Components/Table/Table.js
@@ -86,11 +86,6 @@ function Table({
     <div className={styles.header}>
       <h2 className={styles.headerTitleLeft}>{titleLeft}</h2>
       {titleRight && <p className={styles.headerTitleRight}>{titleRight}</p>}
-      <input type="text"
-             placeholder={getLocale('search') + '...'}
-             ref={searchInput}
-             className={styles.headerSearchInput}
-             onKeyUp={onSearch}/>
       {
         (onSelectAll || onDeleteSelected || onDownloadSelected || onEditSelected || onOptimizeAudioSelected) &&
         <ul className={styles.headerIcons}>
@@ -128,6 +123,12 @@ function Table({
         </ul>
       }
 
+      <input type="text"
+             placeholder={getLocale('search') + '...'}
+             ref={searchInput}
+             className={styles.headerSearchInput}
+             onKeyUp={onSearch}/>
+
     </div>
     <div className={styles.content}>
       <div className={styles.contentScroller}>

diff --git a/src/App/Components/Table/Table.module.scss b/src/App/Components/Table/Table.module.scss
@@ -41,6 +41,7 @@
 
 .headerIcons {
   display: flex;
+  padding-right: 10px;
 }
 
 .headerIcon {