From 75385ed253d6b367da4e852280695b38566ba19a Mon Sep 17 00:00:00 2001
From: Tom Meagher <tom@meagher.co>
Date: Fri, 16 Feb 2024 18:57:43 -0500
Subject: [PATCH] chore: tweaks

---
 src/dev/components.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/dev/components.tsx b/src/dev/components.tsx
index 5a9c5b97..7d27307e 100644
--- a/src/dev/components.tsx
+++ b/src/dev/components.tsx
@@ -554,14 +554,14 @@ function Button() {
 
 function Data() {
   return (
-    <div class="flex flex-col gap-3 w-full">
-      <div class="flex flex-row gap-2" style={{ height: '2rem' }}>
-        <div class="bg-background-100 border rounded-md items-center flex text-gray-700 px-1.5 rounded-md font-mono gap-1.5 h-full text-sm w-fit">
+    <div class="flex flex-col gap-2 w-full">
+      <div class="flex flex-row gap-2" style={{ height: '1.75rem' }}>
+        <div class="bg-background-100 border rounded-md items-center flex text-gray-700 px-1.5 rounded-md font-mono gap-1.5 h-full text-xs w-fit">
           {stopwatchIcon}
           <div class="text-gray-1000" x-text="formatSpeed(log.metrics.speed)" />
         </div>
 
-        <div class="bg-background-100 border rounded-md items-center flex text-gray-700 px-1.5 rounded-md font-mono gap-1.5 h-full text-sm w-fit">
+        <div class="bg-background-100 border rounded-md items-center flex text-gray-700 px-1.5 rounded-md font-mono gap-1.5 h-full text-xs w-fit">
           {fileTextIcon}
           <div
             class="text-gray-1000"
@@ -569,7 +569,7 @@ function Data() {
           />
         </div>
 
-        <div class="bg-background-100 border rounded-md items-center flex text-gray-700 px-1.5 rounded-md font-mono gap-1.5 h-full text-sm w-fit">
+        <div class="bg-background-100 border rounded-md items-center flex text-gray-700 px-1.5 rounded-md font-mono gap-1.5 h-full text-xs w-fit">
           {imageIcon}
           <div
             class="text-gray-1000"
@@ -578,7 +578,7 @@ function Data() {
         </div>
       </div>
 
-      <div class="flex flex-col gap-1.5 w-full scrollbars font-mono text-gray-900 text-sm">
+      <div class="flex flex-col gap-1 w-full scrollbars font-mono text-gray-900 text-sm">
         <div>
           fc:frame <span class="text-gray-1000" x-text="frame.version" />
         </div>