Fix title field on keywords section #705

src/panelWebView/components/Fields/FieldTitle.tsx

@@ -32,7 +32,7 @@ export const FieldTitle: React.FunctionComponent<IFieldTitleProps> = ({
   }, [icon]);
 
   return (
-    <div className='flex items-center justify-between w-full mb-2'>
+    <div className='field__title flex items-center justify-between w-full mb-2'>
       <label className={`metadata_field__label text-base text-[var(--vscode-foreground)] ${className || ''}`}>
         {Icon}
         <span style={{ lineHeight: '16px' }}>{label}</span>

src/panelWebView/components/SeoKeywords.tsx

@@ -59,8 +59,6 @@ const SeoKeywords: React.FunctionComponent<ISeoKeywordsProps> = ({
 
   return (
     <section className={`seo__keywords__table`}>
-      <h4 className='!text-left'>{localize(LocalizationKey.panelSeoKeywordsTitle)}</h4>
-
       <VSCodeTable>
         <VSCodeTableHeader>
           <VSCodeTableRow className={`border-t border-t-[var(--vscode-editorGroup-border)]`}>

src/panelWebView/components/SeoStatus.tsx

@@ -86,6 +86,8 @@ const SeoStatus: React.FunctionComponent<ISeoStatusProps> = ({
         </section>
 
         <section className={`seo__keywords`}>
+          <h4 className='!text-left'>{localize(LocalizationKey.panelSeoKeywordsTitle)}</h4>
+
           <SeoKeywords
             keywords={metadata?.keywords}
             title={metadata[titleField]}

src/panelWebView/styles.css

@@ -1184,7 +1184,8 @@ vscode-divider {
 /* SEO */
 .seo {
   .article__tags label,
-  .article__tags__items {
+  .article__tags__items,
+  .article__tags .field__title {
     display: none;
   }