From 13c7af65d2fa7717ef57eb37c6d2e8b51078d651 Mon Sep 17 00:00:00 2001
From: Franck Alary <franck@alary.pro>
Date: Fri, 3 May 2024 21:42:28 +0200
Subject: [PATCH] change search input alignment

---
 src/App/Components/Table/Table.js          | 11 ++++++-----
 src/App/Components/Table/Table.module.scss |  1 +
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/App/Components/Table/Table.js b/src/App/Components/Table/Table.js
index 18db528..6d4a5bf 100644
--- 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
index 56a6ae2..556e097 100644
--- 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 {