From e850b82fb3ad0e3b91c845f920a325d6353a9fe8 Mon Sep 17 00:00:00 2001
From: Vladyslav Matsiiako <matsiiako@gmail.com>
Date: Tue, 19 Mar 2024 17:16:34 -0700
Subject: [PATCH] improved admin dashboard UI

---
 .../views/admin/DashboardPage/DashboardPage.tsx   | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/admin/DashboardPage/DashboardPage.tsx b/frontend/src/views/admin/DashboardPage/DashboardPage.tsx
index 98ea827fd..d5bc4097e 100644
--- a/frontend/src/views/admin/DashboardPage/DashboardPage.tsx
+++ b/frontend/src/views/admin/DashboardPage/DashboardPage.tsx
@@ -119,9 +119,12 @@ export const AdminDashboardPage = () => {
                 className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
                 onSubmit={handleSubmit(onFormSubmit)}
               >
-                <div className="flex justify-between">
-                  <div className="mb-4 text-xl font-semibold text-mineshaft-100">
-                    Allow user sign up
+                <div className="flex flex-col justify-start">
+                  <div className="mb-2 text-xl font-semibold text-mineshaft-100">
+                    Allow user signups
+                  </div>
+                  <div className="mb-4 text-sm max-w-sm text-mineshaft-400">
+                    Select if you want users to be able to signup freely into your Infisical instance.
                   </div>
                   <Controller
                     control={control}
@@ -147,9 +150,9 @@ export const AdminDashboardPage = () => {
                   />
                 </div>
                 {signupMode === "anyone" && (
-                  <div className="mt-4 flex items-center justify-between">
-                    <div className="mb-4 flex text-mineshaft-100">
-                      Restrict sign up by email domain(s)
+                  <div className="mt-8 mb-8 flex flex-col justify-start">
+                    <div className="mb-4 text-xl font-semibold text-mineshaft-100">
+                      Restrict signup by email domain(s)
                     </div>
                     <Controller
                       control={control}