style(ui): cleaned up class placement

Co-Authored-By: Fredy Acuna <[email protected]>

apps/dokploy/components/dashboard/application/general/generic/save-bitbucket-provider.tsx

@@ -441,14 +441,14 @@ export const SaveBitbucketProvider = ({ applicationId }: Props) => {
 												<button
 													type="button"
 													aria-label="Remove watch path"
-													className="ml-1 cursor-pointer hover:text-destructive"
+													className="inline-flex items-center focus-visible:ring-2"
 													onClick={() => {
 														const newPaths = [...(field.value || [])];
 														newPaths.splice(index, 1);
 														form.setValue("watchPaths", newPaths);
 													}}
 												>
-													<X className="size-3" />
+													<X className="ml-1 size-3 cursor-pointer" />
 												</button>
 											</Badge>
 										))}

apps/dokploy/components/dashboard/application/general/generic/save-git-provider.tsx

@@ -245,14 +245,14 @@ export const SaveGitProvider = ({ applicationId }: Props) => {
 											<button
 												type="button"
 												aria-label="Remove watch path"
-												className="ml-1 cursor-pointer hover:text-destructive"
+												className="inline-flex items-center focus-visible:ring-2"
 												onClick={() => {
 													const newPaths = [...(field.value || [])];
 													newPaths.splice(index, 1);
 													form.setValue("watchPaths", newPaths);
 												}}
 											>
-												<X className="size-3" />
+												<X className="ml-1 size-3 cursor-pointer" />
 											</button>
 										</Badge>
 									))}

apps/dokploy/components/dashboard/application/general/generic/save-gitea-provider.tsx

@@ -469,14 +469,14 @@ export const SaveGiteaProvider = ({ applicationId }: Props) => {
 												<button
 													type="button"
 													aria-label="Remove watch path"
-													className="cursor-pointer hover:text-destructive"
+													className="inline-flex items-center focus-visible:ring-2"
 													onClick={() => {
 														const newPaths = [...(field.value || [])];
 														newPaths.splice(index, 1);
 														field.onChange(newPaths);
 													}}
 												>
-													<X className="size-3" />
+													<X className="size-3 cursor-pointer hover:text-destructive" />
 												</button>
 											</Badge>
 										))}

apps/dokploy/components/dashboard/application/general/generic/save-github-provider.tsx

@@ -481,14 +481,14 @@ export const SaveGithubProvider = ({ applicationId }: Props) => {
 													<button
 														type="button"
 														aria-label="Remove watch path"
-														className="cursor-pointer hover:text-destructive"
+														className="inline-flex items-center focus-visible:ring-2"
 														onClick={() => {
 															const newPaths = [...(field.value || [])];
 															newPaths.splice(index, 1);
 															field.onChange(newPaths);
 														}}
 													>
-														<X className="size-3" />
+														<X className="size-3 cursor-pointer hover:text-destructive" />
 													</button>
 												</Badge>
 											))}

apps/dokploy/components/dashboard/application/general/generic/save-gitlab-provider.tsx

@@ -462,14 +462,14 @@ export const SaveGitlabProvider = ({ applicationId }: Props) => {
 												<button
 													type="button"
 													aria-label="Remove watch path"
-													className="cursor-pointer hover:text-destructive"
+													className="inline-flex items-center focus-visible:ring-2"
 													onClick={() => {
 														const newPaths = [...(field.value || [])];
 														newPaths.splice(index, 1);
 														field.onChange(newPaths);
 													}}
 												>
-													<X className="size-3" />
+													<X className="size-3 cursor-pointer hover:text-destructive" />
 												</button>
 											</Badge>
 										))}

apps/dokploy/components/dashboard/compose/general/generic/save-bitbucket-provider-compose.tsx

@@ -445,14 +445,14 @@ export const SaveBitbucketProviderCompose = ({ composeId }: Props) => {
 												<button
 													type="button"
 													aria-label="Remove watch path"
-													className="ml-1 cursor-pointer hover:text-destructive"
+													className="inline-flex items-center focus-visible:ring-2"
 													onClick={() => {
 														const newPaths = [...(field.value || [])];
 														newPaths.splice(index, 1);
 														form.setValue("watchPaths", newPaths);
 													}}
 												>
-													<X className="size-3" />
+													<X className="ml-1 size-3 cursor-pointer" />
 												</button>
 											</Badge>
 										))}

apps/dokploy/components/dashboard/compose/general/generic/save-git-provider-compose.tsx

@@ -254,14 +254,14 @@ export const SaveGitProviderCompose = ({ composeId }: Props) => {
 											<button
 												type="button"
 												aria-label="Remove watch path"
-												className="ml-1 cursor-pointer hover:text-destructive"
+												className="inline-flex items-center focus-visible:ring-2"
 												onClick={() => {
 													const newPaths = [...(field.value || [])];
 													newPaths.splice(index, 1);
 													form.setValue("watchPaths", newPaths);
 												}}
 											>
-												<X className="size-3" />
+												<X className="ml-1 size-3 cursor-pointer" />
 											</button>
 										</Badge>
 									))}

apps/dokploy/components/dashboard/compose/general/generic/save-gitea-provider-compose.tsx

@@ -434,14 +434,14 @@ export const SaveGiteaProviderCompose = ({ composeId }: Props) => {
 												<button
 													type="button"
 													aria-label="Remove watch path"
-													className="ml-1 cursor-pointer hover:text-destructive"
+													className="inline-flex items-center focus-visible:ring-2"
 													onClick={() => {
 														const newPaths = [...(field.value || [])];
 														newPaths.splice(index, 1);
 														form.setValue("watchPaths", newPaths);
 													}}
 												>
-													<X className="size-3" />
+													<X className="ml-1 size-3 cursor-pointer" />
 												</button>
 											</Badge>
 										))}

apps/dokploy/components/dashboard/compose/general/generic/save-github-provider-compose.tsx

@@ -473,14 +473,14 @@ export const SaveGithubProviderCompose = ({ composeId }: Props) => {
 													<button
 														type="button"
 														aria-label="Remove watch path"
-														className="ml-1 cursor-pointer hover:text-destructive"
+														className="inline-flex items-center focus-visible:ring-2"
 														onClick={() => {
 															const newPaths = [...(field.value || [])];
 															newPaths.splice(index, 1);
 															form.setValue("watchPaths", newPaths);
 														}}
 													>
-														<X className="size-3" />
+														<X className="ml-1 size-3 cursor-pointer" />
 													</button>
 												</Badge>
 											))}

apps/dokploy/components/dashboard/compose/general/generic/save-gitlab-provider-compose.tsx

@@ -463,14 +463,14 @@ export const SaveGitlabProviderCompose = ({ composeId }: Props) => {
 												<button
 													type="button"
 													aria-label="Remove watch path"
-													className="ml-1 cursor-pointer hover:text-destructive"
+													className="inline-flex items-center focus-visible:ring-2"
 													onClick={() => {
 														const newPaths = [...(field.value || [])];
 														newPaths.splice(index, 1);
 														form.setValue("watchPaths", newPaths);
 													}}
 												>
-													<X className="size-3" />
+													<X className="ml-1 size-3 cursor-pointer" />
 												</button>
 											</Badge>
 										))}