From 0574cb2a69b6bcc0d630b01250496a91d06be690 Mon Sep 17 00:00:00 2001
From: dr-frmr <docterformer@protonmail.com>
Date: Wed, 25 Dec 2024 00:46:45 -0500
Subject: [PATCH] visual improvements to register

---
 kinode/src/register-ui/src/index.css                 | 8 ++++++++
 kinode/src/register-ui/src/pages/CommitDotOsName.tsx | 6 ++++--
 kinode/src/register-ui/src/pages/KinodeHome.tsx      | 2 +-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/kinode/src/register-ui/src/index.css b/kinode/src/register-ui/src/index.css
index 971f7fbe..82a3dade 100644
--- a/kinode/src/register-ui/src/index.css
+++ b/kinode/src/register-ui/src/index.css
@@ -7,6 +7,7 @@
 .form-label {
   margin-bottom: 0.5rem;
   font-weight: bold;
+  text-align: center;
 }
 
 .form-input {
@@ -241,6 +242,12 @@
   color: var(--off-white);
 }
 
+summary {
+  font-family: var(--font-family-main);
+  color: light-dark(var(--off-black), var(--off-white));
+  margin-bottom: 10px;
+}
+
 button.secondary {
   width: 100%;
 }
@@ -250,6 +257,7 @@ button.back {
   width: auto !important;
   padding: 5px !important;
   border: none !important;
+  background-color: var(--orange) !important;
 }
 
 /* Progress Bar Styles */
diff --git a/kinode/src/register-ui/src/pages/CommitDotOsName.tsx b/kinode/src/register-ui/src/pages/CommitDotOsName.tsx
index 0e8018e6..563ff7b1 100644
--- a/kinode/src/register-ui/src/pages/CommitDotOsName.tsx
+++ b/kinode/src/register-ui/src/pages/CommitDotOsName.tsx
@@ -109,7 +109,10 @@ function CommitDotOsName({
                                     </Tooltip>
                                 </h3>
                                 <EnterKnsName {...enterOsNameProps} />
-                                <DirectCheckbox {...{ direct, setDirect }} />
+                                <details>
+                                    <summary>Advanced Options</summary>
+                                    <DirectCheckbox {...{ direct, setDirect }} />
+                                </details>
                                 <div className="button-group">
                                     <button
                                         disabled={nameValidities.length !== 0 || isPending || isConfirming}
@@ -118,7 +121,6 @@ function CommitDotOsName({
                                     >
                                         Register name
                                     </button>
-                                    <p>This will confirm availability of the name and reserve it, then on the next screen you will be prompted to mint.</p>
                                     <Link to="/reset" className="button secondary">
                                         Already have a node?
                                     </Link>
diff --git a/kinode/src/register-ui/src/pages/KinodeHome.tsx b/kinode/src/register-ui/src/pages/KinodeHome.tsx
index 621cef20..6c22c3a2 100644
--- a/kinode/src/register-ui/src/pages/KinodeHome.tsx
+++ b/kinode/src/register-ui/src/pages/KinodeHome.tsx
@@ -32,7 +32,7 @@ function KinodeHome({ knsName }: OsHomeProps) {
                         ) : (
                             <>
                                 <h2 className="text-center mb-2">Welcome to Kinode</h2>
-                                <h4 className="text-center mb-2">New here? Register a name to get started</h4>
+                                <h4 className="text-center mb-2">New here? Register a node to get started:</h4>
                                 <div className="button-group">
                                     <button onClick={registerRedir} className="button">
                                         Register .os Name