fix viewmode height, update other ui stuff

client/ui/frontend/src/modules/exit-nodes/ExitNodes.tsx

@@ -6,7 +6,6 @@ import { cn } from "@/lib/cn";
 import { SearchInput } from "@/components/SearchInput";
 import { EmptyState } from "@/components/EmptyState";
 import { NoResults } from "@/components/NoResults";
-import { NotConnectedState } from "@/components/NotConnectedState";
 import { useStatus } from "@/modules/daemon-status/StatusContext";
 import {
     formatShortcut,
@@ -46,19 +45,11 @@ export const ExitNodes = () => {
         });
     }, [exitNodes, search]);
 
-    if (!isConnected) {
-        return (
-            <div className={"flex flex-col w-full h-full min-h-0"}>
-                <NotConnectedState />
-            </div>
-        );
-    }
-
-    if (exitNodes.length === 0) {
+    if (isConnected && exitNodes.length === 0) {
         return (
             <div
                 className={
-                    "flex-1 flex items-center justify-center px-6 w-full h-full min-h-0"
+                    "flex-1 flex items-center justify-center px-6 pb-20 w-full h-full min-h-0"
                 }
             >
                 <EmptyState
@@ -91,7 +82,10 @@ export const ExitNodes = () => {
                     {filtered.length === 0 ? (
                         <NoResults />
                     ) : (
-                        <ExitNodesList data={filtered} onToggle={toggleExitNode} />
+                        <ExitNodesList
+                            data={filtered}
+                            onToggle={toggleExitNode}
+                        />
                     )}
                 </ScrollArea.Viewport>
                 <ScrollArea.Scrollbar

client/ui/frontend/src/modules/networks/Networks.tsx

@@ -6,7 +6,6 @@ import { cn } from "@/lib/cn";
 import { SearchInput } from "@/components/SearchInput";
 import { EmptyState } from "@/components/EmptyState";
 import { NoResults } from "@/components/NoResults";
-import { NotConnectedState } from "@/components/NotConnectedState";
 import { useStatus } from "@/modules/daemon-status/StatusContext";
 import {
     formatShortcut,
@@ -97,19 +96,11 @@ export const Networks = () => {
         });
     }, [networkRoutes, search, filter, overlapById]);
 
-    if (!isConnected) {
-        return (
-            <div className={"flex flex-col w-full h-full min-h-0"}>
-                <NotConnectedState />
-            </div>
-        );
-    }
-
-    if (networkRoutes.length === 0) {
+    if (isConnected && networkRoutes.length === 0) {
         return (
             <div
                 className={
-                    "flex-1 flex items-center justify-center px-6 w-full h-full min-h-0"
+                    "flex-1 flex items-center justify-center px-6 pb-20 w-full h-full min-h-0"
                 }
             >
                 <EmptyState

client/ui/frontend/src/modules/peers/Peers.tsx

@@ -6,7 +6,6 @@ import { cn } from "@/lib/cn";
 import { SearchInput } from "@/components/SearchInput";
 import { EmptyState } from "@/components/EmptyState";
 import { NoResults } from "@/components/NoResults";
-import { NotConnectedState } from "@/components/NotConnectedState";
 import { useStatus } from "@/modules/daemon-status/StatusContext";
 import {
     formatShortcut,
@@ -70,19 +69,11 @@ export const Peers = () => {
         });
     }, [peers, search, statusFilter]);
 
-    if (!isConnected) {
-        return (
-            <div className={"flex flex-col w-full h-full min-h-0"}>
-                <NotConnectedState />
-            </div>
-        );
-    }
-
-    if (peers.length === 0) {
+    if (isConnected && peers.length === 0) {
         return (
             <div
                 className={
-                    "flex-1 flex items-center justify-center px-6 w-full h-full min-h-0"
+                    "flex-1 flex items-center justify-center px-6 pb-20 w-full h-full min-h-0"
                 }
             >
                 <EmptyState

client/ui/frontend/src/modules/settings/SettingsAbout.tsx

@@ -78,7 +78,7 @@ export function SettingsAbout() {
                         t("settings.about.client", { version: daemonVersion })
                     )}
                 </p>
-                <p className={"text-sm text-nb-gray-300 cursor-text select-text"}>
+                <p className={"text-sm text-nb-gray-250 cursor-text select-text font-medium"}>
                     {t("settings.about.gui", { version: guiVersion })}
                 </p>
             </div>

client/ui/frontend/src/modules/settings/SettingsSection.tsx

@@ -28,7 +28,7 @@ export const SettingsBottomBar = ({ children }: { children: ReactNode }) => (
         <div className={"absolute bottom-0 left-0 w-full"}>
             <div
                 className={
-                    "w-full flex justify-end gap-3 px-8 py-5 border-t border-nb-gray-900 bg-nb-gray-935"
+                    "w-full flex justify-end gap-3 px-8 py-5 border-t border-nb-gray-920 bg-nb-gray-940"
                 }
             >
                 {children}