Misc fixes

Author: haydenbleasel

components/app-sidebar.tsx

@@ -80,8 +80,8 @@ export function AppSidebar({ user }: { user: User | undefined }) {
                   <Tooltip>
                     <TooltipTrigger asChild>
                       <Button
-                        className="h-8 p-1 md:h-fit md:p-2"
                         onClick={() => setShowDeleteAllDialog(true)}
+                        size="icon-sm"
                         type="button"
                         variant="ghost"
                       >
@@ -96,12 +96,12 @@ export function AppSidebar({ user }: { user: User | undefined }) {
                 <Tooltip>
                   <TooltipTrigger asChild>
                     <Button
-                      className="h-8 p-1 md:h-fit md:p-2"
                       onClick={() => {
                         setOpenMobile(false);
                         router.push("/");
                         router.refresh();
                       }}
+                      size="icon-sm"
                       type="button"
                       variant="ghost"
                     >

components/chat-header.tsx

@@ -30,11 +30,12 @@ function PureChatHeader({
 
       {(!open || windowWidth < 768) && (
         <Button
-          className="order-2 ml-auto h-8 px-2 md:order-1 md:ml-0 md:h-fit md:px-2"
+          className="order-2 ml-auto md:order-1 md:ml-0"
           onClick={() => {
             router.push("/");
             router.refresh();
           }}
+          size="icon-sm"
           variant="outline"
         >
           <PlusIcon />

components/multimodal-input.tsx

@@ -342,6 +342,7 @@ function PureMultimodalInput({
           </div>
         )}
         <PromptInputTextarea
+          className="p-6 min-h-24"
           data-testid="multimodal-input"
           onChange={handleInput}
           placeholder="Send a message..."

components/sidebar-toggle.tsx

@@ -6,7 +6,6 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
-import { cn } from "@/lib/utils";
 import { SidebarLeftIcon } from "./icons";
 import { Button } from "./ui/button";
 
@@ -19,9 +18,10 @@ export function SidebarToggle({
     <Tooltip>
       <TooltipTrigger asChild>
         <Button
-          className={cn("h-8 px-2 md:h-fit md:px-2", className)}
+          className={className}
           data-testid="sidebar-toggle-button"
           onClick={toggleSidebar}
+          size="icon-sm"
           variant="outline"
         >
           <SidebarLeftIcon size={16} />

components/visibility-selector.tsx

@@ -68,11 +68,7 @@ export function VisibilitySelector({
           className
         )}
       >
-        <Button
-          className="hidden h-8 md:flex md:h-fit md:px-2"
-          data-testid="visibility-selector"
-          variant="outline"
-        >
+        <Button data-testid="visibility-selector" size="sm" variant="outline">
           {selectedVisibility?.icon}
           <span className="md:sr-only">{selectedVisibility?.label}</span>
           <ChevronDownIcon />