Change list styles to make the text a bit smaller (#1360)

Author: jerelmiller

.changeset/silly-hats-tease.md

@@ -0,0 +1,5 @@
+---
+"apollo-client-devtools": patch
+---
+
+Revert some changes to the list styles that made the text feel huge

src/application/components/List.tsx

@@ -9,7 +9,7 @@ export function List({ className, ...props }: ListProps) {
       {...props}
       className={clsx(
         className,
-        "overflow-y-auto flex flex-col gap-2 list-none"
+        "overflow-y-auto flex flex-col gap-1 list-none"
       )}
     />
   );

src/application/components/ListItem.tsx

@@ -19,7 +19,7 @@ export function ListItem({
       tabIndex={0}
       className={twMerge(
         className,
-        "text-md text-primary dark:text-primary-dark",
+        "text-sm text-primary dark:text-primary-dark",
         "transition-colors duration-200",
         "border-2 border-transparent flex items-center rounded-md cursor-pointer py-2 px-4",
         "focus-visible:outline-none",