Adjusted username suggestions font size (#269)

Adjusted font sizes and margin according to figma design. VAN-52
2021-05-05 20:05:48 +05:00
parent c12d180bff
commit 70a372eb5b
2 changed files with 7 additions and 1 deletions
--- a/src/_style.scss
+++ b/src/_style.scss
@@ -487,4 +487,10 @@ select.form-control {
  border-radius: 0.5rem;
  line-height: 2rem;
  font-weight: 400;
+  font-size: 0.875rem;
+}
+
+.username-suggestion-label {
+  font-size: 0.875rem;
+  margin-right: 0.25rem;
 }
--- a/src/register/UsernameField.jsx
+++ b/src/register/UsernameField.jsx
@@ -14,7 +14,7 @@ const UsernameField = (props) => {
    <FormGroup {...props}>
      {usernameSuggestions.length > 0 && errorMessage ? (
        <div>
-          <span className="text-gray mr-2">{intl.formatMessage(messages['registration.username.suggestion.label'])}</span>
+          <span className="text-gray username-suggestion-label">{intl.formatMessage(messages['registration.username.suggestion.label'])}</span>
          {usernameSuggestions.map((username, index) => (
            <Button
              type="button"