chore: cleanup

components/color/ExportMenu.tsx

@@ -119,12 +119,12 @@ export function ExportMenu({ colors, className }: ExportMenuProps) {
   return (
     <div className={className}>
       <div className="space-y-3">
-        <div className="flex gap-3">
+        <div className="flex flex-col md:flex-row gap-3">
           <Select
             value={format}
             onValueChange={(value) => setFormat(value as ExportFormat)}
           >
-            <SelectTrigger className="flex-1">
+            <SelectTrigger className="w-full md:flex-1">
               <SelectValue placeholder="Format" />
             </SelectTrigger>
             <SelectContent>
@@ -140,7 +140,7 @@ export function ExportMenu({ colors, className }: ExportMenuProps) {
             value={colorSpace}
             onValueChange={(value) => setColorSpace(value as ColorSpace)}
           >
-            <SelectTrigger className="flex-1">
+            <SelectTrigger className="w-full md:flex-1">
               <SelectValue placeholder="Space" />
             </SelectTrigger>
             <SelectContent>
@@ -166,7 +166,7 @@ export function ExportMenu({ colors, className }: ExportMenuProps) {
           </pre>
         </div>
 
-        <div className="flex flex-col md:flex-row gap-2">
+        <div className="flex flex-col md:flex-row gap-3">
           <Button onClick={handleCopy} variant="outline" className="w-full md:flex-1" disabled={isConverting}>
             {copied ? (
               <>

components/color/ManipulationPanel.tsx

@@ -178,7 +178,6 @@ export function ManipulationPanel({ color, onColorChange }: ManipulationPanelPro
             <Button
               onClick={row.onApply}
               disabled={isLoading}
-              size="sm"
               variant="outline"
               className="shrink-0 w-16"
             >
@@ -194,7 +193,6 @@ export function ManipulationPanel({ color, onColorChange }: ManipulationPanelPro
           disabled={isLoading}
           variant="outline"
           className="w-full"
-          size="sm"
         >
           <ArrowLeftRight className="h-3.5 w-3.5 mr-1.5" />
           Complementary Color