From b36b25ffb9a80518d7562d7a98c528954df2b9d2 Mon Sep 17 00:00:00 2001
From: Bernt Christian Egeland <bernt.christian.egeland@gmail.com>
Date: Thu, 8 Aug 2024 17:40:10 +0000
Subject: [PATCH] input width

---
 src/components/adminPage/controller/zerotierUrl.tsx |  4 ++--
 src/components/adminPage/users/userGroups.tsx       |  2 +-
 src/pages/admin/mail/index.tsx                      | 10 +++++-----
 src/pages/user-settings/account/index.tsx           | 10 +++++-----
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/adminPage/controller/zerotierUrl.tsx b/src/components/adminPage/controller/zerotierUrl.tsx
index 03adba3b..4121a464 100644
--- a/src/components/adminPage/controller/zerotierUrl.tsx
+++ b/src/components/adminPage/controller/zerotierUrl.tsx
@@ -65,7 +65,7 @@ const ZerotierUrl = () => {
 					label={t("controller.controllerConfig.local_zerotier_url")}
 					description={t("controller.controllerConfig.submit_empty_field_default")}
 					size="sm"
-					rootFormClassName="space-y-3 pt-2 w-3/6"
+					rootFormClassName="space-y-3 pt-2 w-6/6 sm:w-3/6"
 					disabled={me?.options.urlFromEnv}
 					fields={[
 						{
@@ -89,7 +89,7 @@ const ZerotierUrl = () => {
 					isLoading={meLoading}
 					label={t("controller.controllerConfig.zerotier_secret")}
 					description={t("controller.controllerConfig.submit_empty_field_default")}
-					rootFormClassName="space-y-3 pt-2 w-3/6"
+					rootFormClassName="space-y-3 pt-2 w-6/6 sm:w-3/6"
 					size="sm"
 					disabled={me?.options.secretFromEnv}
 					fields={[
diff --git a/src/components/adminPage/users/userGroups.tsx b/src/components/adminPage/users/userGroups.tsx
index 7d5d2eb5..98e51418 100644
--- a/src/components/adminPage/users/userGroups.tsx
+++ b/src/components/adminPage/users/userGroups.tsx
@@ -172,7 +172,7 @@ const UserGroups = () => {
 			<InputFields
 				isLoading={false}
 				label={t("users.groups.addGroup.addGroupLabel")}
-				rootFormClassName="flex flex-col space-y-2 w-3/6"
+				rootFormClassName="flex flex-col space-y-2 w-6/6 sm:w-3/6"
 				size="sm"
 				placeholder=""
 				buttonText={t("users.groups.addGroup.addGroupButton")}
diff --git a/src/pages/admin/mail/index.tsx b/src/pages/admin/mail/index.tsx
index 0a085b28..3203ce00 100644
--- a/src/pages/admin/mail/index.tsx
+++ b/src/pages/admin/mail/index.tsx
@@ -68,7 +68,7 @@ const Mail = () => {
 				<EditableField
 					isLoading={false}
 					label={t("mail.smtpHost")}
-					rootFormClassName="space-y-3 pt-2 w-3/6"
+					rootFormClassName="space-y-3 pt-2 w-6/6 sm:w-3/6"
 					// buttonClassName="hidden"
 					size="sm"
 					fields={[
@@ -85,7 +85,7 @@ const Mail = () => {
 				<EditableField
 					isLoading={false}
 					label={t("mail.smtpPort")}
-					rootFormClassName="space-y-3 pt-2 w-3/6"
+					rootFormClassName="space-y-3 pt-2 w-6/6 sm:w-3/6"
 					size="sm"
 					fields={[
 						{
@@ -101,7 +101,7 @@ const Mail = () => {
 				<EditableField
 					isLoading={false}
 					label={t("mail.senderEmail")}
-					rootFormClassName="space-y-3 pt-2 w-3/6"
+					rootFormClassName="space-y-3 pt-2 w-6/6 sm:w-3/6"
 					size="sm"
 					fields={[
 						{
@@ -117,7 +117,7 @@ const Mail = () => {
 				<EditableField
 					isLoading={false}
 					label={t("mail.username")}
-					rootFormClassName="space-y-3 pt-2 w-3/6"
+					rootFormClassName="space-y-3 pt-2 w-6/6 sm:w-3/6"
 					size="sm"
 					fields={[
 						{
@@ -133,7 +133,7 @@ const Mail = () => {
 				<EditableField
 					isLoading={false}
 					label={t("mail.password")}
-					rootFormClassName="space-y-3 pt-2 w-3/6"
+					rootFormClassName="space-y-3 pt-2 w-6/6 sm:w-3/6"
 					size="sm"
 					fields={[
 						{
diff --git a/src/pages/user-settings/account/index.tsx b/src/pages/user-settings/account/index.tsx
index 3b6b015d..b9e515d8 100644
--- a/src/pages/user-settings/account/index.tsx
+++ b/src/pages/user-settings/account/index.tsx
@@ -70,7 +70,7 @@ const Account = () => {
 				<InputField
 					label={t("userSettings.account.accountSettings.nameLabel")}
 					isLoading={!session?.user}
-					rootFormClassName="space-y-3 w-3/6"
+					rootFormClassName="space-y-3 w-6/6 sm:w-3/6"
 					size="sm"
 					fields={[
 						{
@@ -85,7 +85,7 @@ const Account = () => {
 				<InputField
 					label={t("userSettings.account.accountSettings.emailLabel")}
 					isLoading={!session?.user}
-					rootFormClassName="space-y-3 w-3/6"
+					rootFormClassName="space-y-3 w-6/6 sm:w-3/6"
 					size="sm"
 					// badge={
 					// 	session?.user?.emailVerified
@@ -124,7 +124,7 @@ const Account = () => {
 					label={t("userSettings.account.accountSettings.passwordLabel")}
 					placeholder="******"
 					size="sm"
-					rootFormClassName="space-y-3 pt-2 w-3/6"
+					rootFormClassName="space-y-3 pt-2 w-6/6 sm:w-3/6"
 					description="Ensure your account is using a long, random password to stay secure."
 					fields={[
 						{
@@ -236,7 +236,7 @@ const Account = () => {
 					label="Zerotier Central API Key"
 					placeholder="******"
 					size="sm"
-					rootFormClassName="space-y-3 pt-2 w-3/6"
+					rootFormClassName="space-y-3 pt-2 w-6/6 sm:w-3/6"
 					fields={[
 						{
 							name: "ztCentralApiKey",
@@ -267,7 +267,7 @@ const Account = () => {
 					label={t("userSettings.account.zerotierCentral.apiUrlLabel")}
 					description={t("userSettings.account.zerotierCentral.apiUrlLabelDescription")}
 					size="sm"
-					rootFormClassName="space-y-3 pt-2 w-3/6"
+					rootFormClassName="space-y-3 pt-2 w-6/6 sm:w-3/6"
 					rootClassName="py-2"
 					fields={[
 						{