signup-screen: fixed line break in username field

AI2515

signup-screen: fixed line break in username field
AI2515
Junior Silva
1 parent ac370ca2
Showing 2 changed files with 22 additions and 15 deletions Show diff stats
app/views/account/_signup_form.rhtml
public/stylesheets/application.css
@@ -128,7 +128,7 @@
 <script type="text/javascript">
 jQuery(function($) {
-  $('#signup-form #user_login').css('width', 335 - $('#signup-domain').outerWidth());
+  //$('#signup-form #user_login').css('width', 350 - $('#signup-domain').outerWidth());
   $('#signup-form input[type=text], #signup-form textarea').each(function() {
     $(this).bind('blur', function() {
@@ -6024,8 +6024,13 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
   clear: both;
 }
+.action-account-signup #content {
+  text-align: center;
+}
+
 #signup-form {
   color: #4A4A4A;
+  display: inline-block;
 }
 #signup-form small {
@@ -6041,26 +6046,26 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
 }
 #signup-form input.invalid_input {
-  border: 2px solid #7f0000;
+  border: 1px solid #7f0000;
   background: #FFF;
-  padding: 5px 30px 8px 5px;
+  box-shadow: 0 0 7px red;
+ /* padding: 5px 30px 8px 5px; */
 }
 #signup-form input.valid_input {
   border: 2px solid #005000;
   background: #FFF;
-  padding: 5px 30px 8px 5px;
+/*  padding: 5px 30px 8px 5px; */
 }
 #signup-form select,
 #signup-form textarea,
 #signup-form input {
-  padding: 7px 30px 10px 7px;
+  padding: 7px 7% 10px 3%;
   height: 20px;
-  width: 335px;
+  width: 90%;
   color: #6d786e;
   font-size: 18px;
-  margin: 1px 14px 5px;
 }
 #signup-form #profile_data_login {
@@ -6076,8 +6081,9 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
   background-color: #fff;
   background-position: right center;
   background-repeat: no-repeat;
-  padding: 5px 30px 8px 5px;
+  padding: 5px 7% 8px 3%;
   color: #4A4A4A;
+  box-shadow: 0 0 7px green;
 }
 #signup-form select {
@@ -6147,6 +6153,7 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
 #signup-form .invalid {
   border-color: #7f0000;
   background-image: url(/images/passwords_nomatch.png);
+  box-shadow: 0 0 7px red;
 }
 #signup-form span.invalid {
@@ -6189,18 +6196,23 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
   color: #4A4A4A;
   font-size: 20px;
   text-transform: lowercase;
-  margin-left: 14px;
+  min-width: 190px;
 }
 #signup-form #signup-form-header #user_login {
   margin: 0;
   padding-right: 30px;
+  width: 150px;
 }
 #signup-login-field {
   float: left;
 }
+#signup-form #signup-login {
+  display: inline-block;
+}
+
 #signup-form #signup-password,
 #signup-form #signup-password-confirmation,
 #signup-form #signup-email,
@@ -6245,7 +6257,7 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
   color: #4A4A4A;
   font-size: 20px;
   font-weight: normal;
-  margin-left: 15px;
+  text-align: left;
 }
 #signup-form .required-field label::after {
@@ -6302,11 +6314,6 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
   margin-right: 0px;
 }
-.action-account-signup .no-boxes form {
-  margin-left: 247px;
-  margin-right: 247px;
-}
-
 .select-birth-date {
   margin-left: 14px;
 }
	@@ -128,7 +128,7 @@		@@ -128,7 +128,7 @@
128	<script type="text/javascript">	128	<script type="text/javascript">
129	jQuery(function($) {	129	jQuery(function($) {
130		130
131	- $('#signup-form #user_login').css('width', 335 - $('#signup-domain').outerWidth());	131	+ //$('#signup-form #user_login').css('width', 350 - $('#signup-domain').outerWidth());
132		132
133	$('#signup-form input[type=text], #signup-form textarea').each(function() {	133	$('#signup-form input[type=text], #signup-form textarea').each(function() {
134	$(this).bind('blur', function() {	134	$(this).bind('blur', function() {