button spacing fixed

Victor George · Victor George · commit 478319dbb92e · 2015-11-11T16:44:54.000-08:00
diff --git a/assets/css/account/login.scss b/assets/css/account/login.scss
@@ -16,6 +16,10 @@
         width: 300px;
       }
     }
+
+    p + button {
+      margin-top: 0;
+    }
   }
   .form-errors {
     p {
diff --git a/assets/css/account/register.scss b/assets/css/account/register.scss
@@ -1,73 +1,67 @@
 @import 'tc-includes';
 
 .register-container {
-
   form {
     display: flex;
     flex-flow: column wrap;
     justify-content: center;
     width: 380px;
     margin-left: 90px;
     margin-right: 90px;
-
-    input[type="text"],
-    input[type="email"],
+    input[type='text'],
+    input[type='email'],
     toggle-password,
     toggle-password-with-tips {
       width: 380px;
     }
-
     toggle-password,
     toggle-password-with-tips {
       input#password-input,
       input#current-password-input {
         width: 300px;
       }
     }
-
-    input[name="firstname"], input[name="lastname"] {
+    input[name='firstname'],
+    input[name='lastname'] {
       width: 185px;
       padding-right: 45px;
     }
-
-    input[name="username"], input[name="email"] {
+    input[name='username'],
+    input[name='email'] {
       padding-right: 85px;
     }
+    button {
+      margin-top: 0;
+    }
   }
-
   .form-errors {
     text-align: left;
-
     p {
       margin: 2px 0 12px 5px;
     }
   }
-
   .first-last-names {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     width: 380px;
   }
-
   .terms {
-    margin-top: 10px;
     margin-bottom: 20px;
-
+    margin-top: 10px;
     p {
+      color: #a3a3ae;
       font-size: 12px;
       line-height: 15px;
-      color: #A3A3AE;
     }
   }
-
   // login-options section
   .section-break {
     hr {
-      max-width: 180px;
-      margin: 10px auto 20px;
       border: none;
       border-bottom: 1px solid $gray-light;
+      margin: 10px auto 20px;
+      max-width: 180px;
     }
   }
 }
@@ -82,20 +76,19 @@
         width: 100%;
       }
     }
-
     section.login-options {
       margin-bottom: 41px;
     }
   }
 
   .join-topcoder {
-    position: initial;
     margin-top: 30px;
+    position: initial;
   }
 }
 
 toggle-password-with-tips label {
-    display: flex !important;
-    line-height: 20px !important;
-    padding-right: 10px !important;
+  display: flex !important;
+  line-height: 20px !important;
+  padding-right: 10px !important;
 }

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,10 @@`
`16`	`16`	`width: 300px;`
`17`	`17`	`}`
`18`	`18`	`}`
	`19`	`+`
	`20`	`+ p + button {`
	`21`	`+ margin-top: 0;`
	`22`	`+ }`
`19`	`23`	`}`
`20`	`24`	`.form-errors {`
`21`	`25`	`p {`
Original file line number	Diff line number	Diff line change
`@@ -1,73 +1,67 @@`
`1`	`1`	`@import 'tc-includes';`
`2`	`2`
`3`	`3`	`.register-container {`
`4`		`-`
`5`	`4`	`form {`
`6`	`5`	`display: flex;`
`7`	`6`	`flex-flow: column wrap;`
`8`	`7`	`justify-content: center;`
`9`	`8`	`width: 380px;`
`10`	`9`	`margin-left: 90px;`
`11`	`10`	`margin-right: 90px;`
`12`		`-`
`13`		`- input[type="text"],`
`14`		`- input[type="email"],`
	`11`	`+ input[type='text'],`
	`12`	`+ input[type='email'],`
`15`	`13`	`toggle-password,`
`16`	`14`	`toggle-password-with-tips {`
`17`	`15`	`width: 380px;`
`18`	`16`	`}`
`19`		`-`
`20`	`17`	`toggle-password,`
`21`	`18`	`toggle-password-with-tips {`
`22`	`19`	`input#password-input,`
`23`	`20`	`input#current-password-input {`
`24`	`21`	`width: 300px;`
`25`	`22`	`}`
`26`	`23`	`}`
`27`		`-`
`28`		`- input[name="firstname"], input[name="lastname"] {`
	`24`	`+ input[name='firstname'],`
	`25`	`+ input[name='lastname'] {`
`29`	`26`	`width: 185px;`
`30`	`27`	`padding-right: 45px;`
`31`	`28`	`}`
`32`		`-`
`33`		`- input[name="username"], input[name="email"] {`
	`29`	`+ input[name='username'],`
	`30`	`+ input[name='email'] {`
`34`	`31`	`padding-right: 85px;`
`35`	`32`	`}`
	`33`	`+ button {`
	`34`	`+ margin-top: 0;`
	`35`	`+ }`
`36`	`36`	`}`
`37`		`-`
`38`	`37`	`.form-errors {`
`39`	`38`	`text-align: left;`
`40`		`-`
`41`	`39`	`p {`
`42`	`40`	`margin: 2px 0 12px 5px;`
`43`	`41`	`}`
`44`	`42`	`}`
`45`		`-`
`46`	`43`	`.first-last-names {`
`47`	`44`	`display: flex;`
`48`	`45`	`flex-direction: row;`
`49`	`46`	`justify-content: space-between;`
`50`	`47`	`width: 380px;`
`51`	`48`	`}`
`52`		`-`
`53`	`49`	`.terms {`
`54`		`- margin-top: 10px;`
`55`	`50`	`margin-bottom: 20px;`
`56`		`-`
	`51`	`+ margin-top: 10px;`
`57`	`52`	`p {`
	`53`	`+ color: #a3a3ae;`
`58`	`54`	`font-size: 12px;`
`59`	`55`	`line-height: 15px;`
`60`		`- color: #A3A3AE;`
`61`	`56`	`}`
`62`	`57`	`}`
`63`		`-`
`64`	`58`	`// login-options section`
`65`	`59`	`.section-break {`
`66`	`60`	`hr {`
`67`		`- max-width: 180px;`
`68`		`- margin: 10px auto 20px;`
`69`	`61`	`border: none;`
`70`	`62`	`border-bottom: 1px solid $gray-light;`
	`63`	`+ margin: 10px auto 20px;`
	`64`	`+ max-width: 180px;`
`71`	`65`	`}`
`72`	`66`	`}`
`73`	`67`	`}`
`@@ -82,20 +76,19 @@`
`82`	`76`	`width: 100%;`
`83`	`77`	`}`
`84`	`78`	`}`
`85`		`-`
`86`	`79`	`section.login-options {`
`87`	`80`	`margin-bottom: 41px;`
`88`	`81`	`}`
`89`	`82`	`}`
`90`	`83`
`91`	`84`	`.join-topcoder {`
`92`		`- position: initial;`
`93`	`85`	`margin-top: 30px;`
	`86`	`+ position: initial;`
`94`	`87`	`}`
`95`	`88`	`}`
`96`	`89`
`97`	`90`	`toggle-password-with-tips label {`
`98`		`- display: flex !important;`
`99`		`- line-height: 20px !important;`
`100`		`- padding-right: 10px !important;`
	`91`	`+ display: flex !important;`
	`92`	`+ line-height: 20px !important;`
	`93`	`+ padding-right: 10px !important;`
`101`	`94`	`}`