style: make window smaller

src-tauri/src/lib.rs

@@ -279,7 +279,7 @@ pub fn run() {
       #[allow(unused_variables)]
       let win_builder = WebviewWindowBuilder::new(app, "main", WebviewUrl::default())
         .title("Donut Browser")
-        .inner_size(900.0, 600.0)
+        .inner_size(800.0, 500.0)
         .resizable(false)
         .fullscreen(false)
         .center()

src/app/page.tsx

@@ -694,8 +694,8 @@ export default function Home() {
   const isLoading = profilesLoading || groupsLoading || proxiesLoading;
 
   return (
-    <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen gap-8 font-(family-name:--font-geist-sans) bg-background">
-      <main className="flex flex-col row-start-2 gap-6 items-center w-full max-w-3xl">
+    <div className="grid items-center justify-items-center min-h-screen gap-8 font-(family-name:--font-geist-sans) bg-background">
+      <main className="flex flex-col gap-6 items-center w-full max-w-3xl">
         <div className="w-full">
           <HomeHeader
             selectedProfiles={selectedProfiles}

src/components/home-header.tsx

@@ -48,7 +48,7 @@ const HomeHeader = ({
     window.dispatchEvent(event);
   };
   return (
-    <div className="flex justify-between items-center">
+    <div className="flex justify-between items-center mt-4">
       <div className="flex gap-3 items-center">
         <button
           type="button"