Merge pull request #4265 from nymtech/fix/vpn_desktop_style

refactor(vpn-desktop): minor style changes

nym-vpn/ui/src/pages/home/ConnectionStatus.tsx

@@ -55,7 +55,7 @@ function ConnectionStatus() {
     }
   };
   return (
-    <div className="h-64 flex flex-col justify-center items-center gap-y-2">
+    <div className="h-72 flex flex-col justify-center items-center gap-y-2">
       <div className="flex flex-1 items-end">
         <div
           className={clsx([

nym-vpn/ui/src/pages/home/Home.tsx

@@ -71,7 +71,7 @@ function Home() {
     <div className="h-full flex flex-col p-4">
       <ConnectionStatus />
       <div className="flex grow flex-col justify-between gap-y-2">
-        <div className="flex flex-col justify-between gap-y-2">
+        <div className="flex flex-col justify-between gap-y-4">
           <NetworkModeSelect />
           <div className="flex flex-col gap-4">
             <div className="mt-3 font-semibold text-lg">

nym-vpn/ui/src/pages/home/NetworkModeSelect.tsx

@@ -55,11 +55,11 @@ function NetworkModeSelect() {
   };
 
   return (
-    <div className="">
+    <div>
       <RadioGroup value={selected} onChange={handleSelect}>
         <RadioGroup.Label
           as="div"
-          className="font-semibold text-lg text-baltic-sea dark:text-white mb-4"
+          className="font-semibold text-lg text-baltic-sea dark:text-white mb-5"
         >
           {t('select-network-label')}
         </RadioGroup.Label>