fix more font sizes

website/src/repl/components/button/action-button.jsx

@@ -2,7 +2,7 @@ import cx from '@src/cx.mjs';
 
 export function ActionButton({ children, label, labelIsHidden, className, ...buttonProps }) {
   return (
-    <button className={cx('hover:opacity-50 text-nowrap w-fit', className)} title={label} {...buttonProps}>
+    <button className={cx('hover:opacity-50 text-nowrap w-fit text-sm ', className)} title={label} {...buttonProps}>
       {labelIsHidden !== true && label}
       {children}
     </button>

website/src/repl/components/panel/ConsoleTab.jsx

@@ -7,7 +7,7 @@ export function ConsoleTab() {
   const log = useStore($strudel_log_history);
   const { fontFamily } = useSettings();
   return (
-    <div id="console-tab" className="break-all w-full  first-line:text-sm p-2  h-full" style={{ fontFamily }}>
+    <div id="console-tab" className="break-all w-full text-sm p-2  h-full" style={{ fontFamily }}>
       <div className="bg-background h-full w-full overflow-auto space-y-1 p-2 rounded-md">
         {log.map((l, i) => {
           const message = linkify(l.message);

website/src/repl/components/panel/Forms.jsx

@@ -2,7 +2,7 @@ import cx from '@src/cx.mjs';
 
 export function ButtonGroup({ value, onChange, items }) {
   return (
-    <div className="flex max-w-lg space-x-0">
+    <div className="flex max-w-lg space-x-0 text-sm">
       {Object.entries(items).map(([key, label], i, arr) => (
         <button
           key={key}

website/src/repl/components/panel/Panel.jsx

@@ -145,7 +145,7 @@ function PanelTab({ label, isSelected, onClick }) {
       <button
         onClick={onClick}
         className={cx(
-          'h-8 px-2 text-foreground cursor-pointer hover:opacity-50 flex items-center space-x-1 border-b',
+          'h-8 px-2 text-sm text-foreground cursor-pointer hover:opacity-50 flex items-center space-x-1 border-b',
           isSelected ? 'border-foreground' : 'border-transparent',
         )}
       >