From 2d3506e2d27cbbb90c33dc62ef7493ef7bc6d628 Mon Sep 17 00:00:00 2001
From: Antti Ahti <antti.ahti@gmail.com>
Date: Fri, 9 Oct 2015 16:35:52 +0300
Subject: Use help-block class from Bootstrap

Use help-block class provided by Bootstrap instead of using a custom form__hint class.

We still override some styles from the Bootstrap class, though.
---
 web/react/components/signup_user_complete.jsx      | 2 +-
 web/react/components/team_signup_password_page.jsx | 2 +-
 web/react/components/team_signup_username_page.jsx | 2 +-
 web/sass-files/sass/partials/_forms.scss           | 5 +++++
 web/sass-files/sass/partials/_signup.scss          | 6 ------
 5 files changed, 8 insertions(+), 9 deletions(-)

(limited to 'web')

diff --git a/web/react/components/signup_user_complete.jsx b/web/react/components/signup_user_complete.jsx
index 75661f812..55cccf948 100644
--- a/web/react/components/signup_user_complete.jsx
+++ b/web/react/components/signup_user_complete.jsx
@@ -206,7 +206,7 @@ export default class SignupUserComplete extends React.Component {
                                     maxLength='128'
                                 />
                                 {nameError}
-                                <p className='form__hint'>Username must begin with a letter, and contain between 3 to 15 lowercase characters made up of numbers, letters, and the symbols '.', '-' and '_'</p>
+                                <span className='help-block'>Username must begin with a letter, and contain between 3 to 15 lowercase characters made up of numbers, letters, and the symbols '.', '-' and '_'</span>
                             </div>
                         </div>
                         <div className='margin--extra'>
diff --git a/web/react/components/team_signup_password_page.jsx b/web/react/components/team_signup_password_page.jsx
index dce8105ca..b1ccb0dd4 100644
--- a/web/react/components/team_signup_password_page.jsx
+++ b/web/react/components/team_signup_password_page.jsx
@@ -110,7 +110,7 @@ export default class TeamSignupPasswordPage extends React.Component {
                                         placeholder=''
                                         maxLength='128'
                                     />
-                                    <div className='color--light form__hint'>Passwords must contain 5 to 50 characters. Your password will be strongest if it contains a mix of symbols, numbers, and upper and lowercase characters.</div>
+                                    <span className='color--light help-block'>Passwords must contain 5 to 50 characters. Your password will be strongest if it contains a mix of symbols, numbers, and upper and lowercase characters.</span>
                                 </div>
                             </div>
                             {passwordError}
diff --git a/web/react/components/team_signup_username_page.jsx b/web/react/components/team_signup_username_page.jsx
index 53a389c4c..198c4b200 100644
--- a/web/react/components/team_signup_username_page.jsx
+++ b/web/react/components/team_signup_username_page.jsx
@@ -69,7 +69,7 @@ export default class TeamSignupUsernamePage extends React.Component {
                                         defaultValue={this.props.state.user.username}
                                         maxLength='128'
                                     />
-                                    <div className='color--light form__hint'>Usernames must begin with a letter and contain 3 to 15 characters made up of lowercase letters, numbers, and the symbols '.', '-' and '_'</div>
+                                    <span className='color--light help-block'>Usernames must begin with a letter and contain 3 to 15 characters made up of lowercase letters, numbers, and the symbols '.', '-' and '_'</span>
                                 </div>
                             </div>
                             {nameError}
diff --git a/web/sass-files/sass/partials/_forms.scss b/web/sass-files/sass/partials/_forms.scss
index 6c1f7cc6c..a797dfba6 100644
--- a/web/sass-files/sass/partials/_forms.scss
+++ b/web/sass-files/sass/partials/_forms.scss
@@ -37,3 +37,8 @@
 		}
 	}
 }
+
+.help-block {
+	font-size: 0.95em;
+	color: #999;
+}
diff --git a/web/sass-files/sass/partials/_signup.scss b/web/sass-files/sass/partials/_signup.scss
index fcf0d5d77..6d0256142 100644
--- a/web/sass-files/sass/partials/_signup.scss
+++ b/web/sass-files/sass/partials/_signup.scss
@@ -96,12 +96,6 @@
         margin-bottom: 0.8em;
     }
 
-    .form__hint {
-        font-size: 0.95em;
-        color: #999;
-        margin: 10px 0 0;
-    }
-
     .signup-team-confirm__container {
         padding: 100px 0px 100px 0px;
     }
-- 
cgit v1.2.3-1-g7c22