chore: style improvement

Hubert Koster · Hubert Koster · commit 47e6151757a6 · 2023-07-28T12:31:01.000+02:00
diff --git a/src/features/dashboard/components/ApiTokenForm/CreateTokenField/CustomErrors/index.tsx b/src/features/dashboard/components/ApiTokenForm/CreateTokenField/CustomErrors/index.tsx
@@ -17,7 +17,7 @@ const CustomErrors = ({ token_name_exists, tokens_limit_reached, input_value }:
   if (tokens_limit_reached && input_value !== '') {
     return (
       <div className='error-message'>
-        <p>You&apos;ve reached 30 tokens creation limit.</p>
+        <p>You&apos;ve created the maximum number of tokens.</p>
       </div>
     );
   }
diff --git a/src/features/dashboard/components/ApiTokenForm/api-token.form.module.scss b/src/features/dashboard/components/ApiTokenForm/api-token.form.module.scss
@@ -55,7 +55,7 @@ form {
   display: flex;
   position: relative;
   box-sizing: border-box;
-  margin: rem(1) 0;
+  margin: rem(0.5) 0;
   &:hover {
     border: 1px solid var(--colors-greyLight600);
   }
diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -88,6 +88,7 @@ h6 {
 
 .error-message {
   color: var(--colors-coral500) !important;
+  margin-left: rem(1.5);
 }
 
 .error-border {

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@ const CustomErrors = ({ token_name_exists, tokens_limit_reached, input_value }:`
`17`	`17`	`if (tokens_limit_reached && input_value !== '') {`
`18`	`18`	`return (`
`19`	`19`	`<div className='error-message'>`
`20`		`- <p>You've reached 30 tokens creation limit.</p>`
	`20`	`+ <p>You've created the maximum number of tokens.</p>`
`21`	`21`	`</div>`
`22`	`22`	`);`
`23`	`23`	`}`
Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,7 @@ form {`
`55`	`55`	`display: flex;`
`56`	`56`	`position: relative;`
`57`	`57`	`box-sizing: border-box;`
`58`		`- margin: rem(1) 0;`
	`58`	`+ margin: rem(0.5) 0;`
`59`	`59`	`&:hover {`
`60`	`60`	`border: 1px solid var(--colors-greyLight600);`
`61`	`61`	`}`
Original file line number	Diff line number	Diff line change
`@@ -88,6 +88,7 @@ h6 {`
`88`	`88`
`89`	`89`	`.error-message {`
`90`	`90`	`color: var(--colors-coral500) !important;`
	`91`	`+ margin-left: rem(1.5);`
`91`	`92`	`}`
`92`	`93`
`93`	`94`	`.error-border {`