fix(plugins): full-width category filter and aligned incompatibility note

src/features/plugins/PluginsPage.module.css

@@ -380,6 +380,14 @@
   min-width: 0;
 }
 
+.categorySelect {
+  width: 100%;
+}
+
+.detailsNotice {
+  margin: 0 0 12px;
+}
+
 .marketOverview {
   padding: 12px 16px;
   overflow: auto;

src/features/plugins/PluginsPage.tsx

@@ -635,7 +635,15 @@ function CategoryFilter({
       detail: String(counts.get(c)),
     })),
   ];
-  return <Select aria-label={tx("Category")} value={value} options={options} onChange={onChange} />;
+  return (
+    <Select
+      aria-label={tx("Category")}
+      className={styles.categorySelect}
+      value={value}
+      options={options}
+      onChange={onChange}
+    />
+  );
 }
 
 /** The marketplace index URL, editable in place. */
@@ -722,7 +730,7 @@ function MarketDetails({ entry, onInstalled }: { entry: MarketPlugin; onInstalle
       </header>
       <div className={styles.marketOverview}>
         {!entry.compatible && (
-          <p className={styles.notice} role="note">
+          <p className={clsx(styles.notice, styles.detailsNotice)} role="note">
             <Icon name="info" size={14} />
             <span>{tx`Needs plugin API ${entry.engine}. Update OpenIDEA to install it.`}</span>
           </p>