diff --git a/kinode/packages/homepage/ui/src/components/AppDisplay.tsx b/kinode/packages/homepage/ui/src/components/AppDisplay.tsx index 58c15938..f322a59c 100644 --- a/kinode/packages/homepage/ui/src/components/AppDisplay.tsx +++ b/kinode/packages/homepage/ui/src/components/AppDisplay.tsx @@ -35,6 +35,7 @@ const AppDisplay: React.FC = ({ app }) => { }) }} > + {app?.favorite ? '★' : '☆'} } } diff --git a/kinode/packages/homepage/ui/src/index.css b/kinode/packages/homepage/ui/src/index.css index 855c9f4f..7ac40bb4 100644 --- a/kinode/packages/homepage/ui/src/index.css +++ b/kinode/packages/homepage/ui/src/index.css @@ -56,12 +56,20 @@ header h1 { .app-display { position: relative; + text-decoration: none; +} + +.app-display:hover { + text-decoration: underline; } .app-fave-button { position: absolute; top: 0; right: 0; + padding: 2px; + margin: 0; + font-size: 0.7em; } .no-ui { @@ -140,6 +148,7 @@ footer { .app-icon { width: 64px; height: 64px; + margin: 0 auto; } .modal { diff --git a/kinode/packages/settings/pkg/ui/index.html b/kinode/packages/settings/pkg/ui/index.html index 60284357..21afb626 100644 --- a/kinode/packages/settings/pkg/ui/index.html +++ b/kinode/packages/settings/pkg/ui/index.html @@ -18,6 +18,9 @@ h1 { padding: 20px; + max-width: 960px; + min-width: 300px; + margin: 0 auto; } main { @@ -32,7 +35,7 @@ "eth-rpc-providers eth-rpc-providers eth-rpc-settings" "kernel kernel kernel"; padding: 20px; - max-width: 1100px; + max-width: 960px; min-width: 300px; }