From fcd853a311a30a1663a97f00651c282d82b407af Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Wed, 6 Sep 2023 00:19:55 +0530
Subject: [PATCH] chore: improve tag vault info styles

---
 .../ContentListView/Header/ContentListHeader.tsx         | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/packages/web/src/javascripts/Components/ContentListView/Header/ContentListHeader.tsx b/packages/web/src/javascripts/Components/ContentListView/Header/ContentListHeader.tsx
index ab8051656..736eeb6a9 100644
--- a/packages/web/src/javascripts/Components/ContentListView/Header/ContentListHeader.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/Header/ContentListHeader.tsx
@@ -159,17 +159,14 @@ const ContentListHeader = ({
     return (
       <div className="flex min-w-0 flex-grow flex-col break-words pt-1 lg:pt-0">
         <div
-          className={classNames(
-            'flex min-w-0 flex-grow flex-row',
-            !optionsSubtitle && !showSyncSubtitle ? 'items-center' : '',
-          )}
+          className={classNames('flex min-w-0 flex-grow', !optionsSubtitle && !showSyncSubtitle ? 'items-center' : '')}
         >
           {icon && (
             <Icon
               type={icon}
               size="custom"
               className={classNames(
-                'ml-0.5 mr-1.5 h-7 w-7 flex-shrink-0 text-2xl text-neutral lg:h-6 lg:w-6 lg:text-lg',
+                'ml-0.5 mr-2 h-7 w-7 flex-shrink-0 text-2xl text-neutral lg:h-6 lg:w-6 lg:text-lg',
                 optionsSubtitle && 'md:mt-0.5',
               )}
             />
@@ -182,8 +179,8 @@ const ContentListHeader = ({
               </div>
             )}
             {optionsSubtitle && <div className="text-xs text-passive-0">{optionsSubtitle}</div>}
+            <ListItemVaultInfo className="mt-1" item={selectedTag} />
           </div>
-          <ListItemVaultInfo item={selectedTag} />
         </div>
       </div>
     )