Standardize form width

[rails.git] / app / assets / stylesheets / common.css.scss

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 8456c4b2fcc40c3bf99522dcccbf0c98eff01772..4c1345eaadb188d41085b5a7ba3cc53cb23b29c4 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -132,7 +132,7 @@ h6:first-child {
 
 .column-1 {
   width: 50%;
-  margin-bottom: $lineheight/2;
+  margin: 0 0 $lineheight/2 0;
 }
 
 .small_icon {
@@ -362,6 +362,7 @@ table {
     padding: 0;
     width: 15px;
     height: 15px;
+    min-width: 0;
     text-indent: -1000px;
     overflow: hidden;
     background: image-url("sprite.png") 0 0 no-repeat;
@@ -1219,7 +1220,7 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
 /* Rules for the login page */
 
 #login_openid_buttons {
-  height: 56px;
+  margin-bottom: 0;
 }
 
 #login_openid_buttons li {
@@ -1301,8 +1302,8 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
 }
 
 .content_map.settings_map {
-  float: none;
   width: 50%;
+  float: none;
 }
 
 /* Rules for message in/out box page */
@@ -1423,7 +1424,7 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
 
 .standard-form {
   fieldset {
-    margin-bottom: $lineheight/2;
+    margin-bottom: $lineheight;
   }
   label {
     display: block;
@@ -1433,10 +1434,16 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
     font-weight: bold;
     line-height: 1.5;
   }
+  .form-section {
+    margin-top: $lineheight;
+    padding-top: $lineheight;
+    border-top: 1px solid $keyline;
+  }
   .form-row {
     margin-bottom: $lineheight/2;
   }
-  input[name=remember_me] {
+  input[name=remember_me],
+  input[name=remember_me_openid] {
     float: left;
   }
 }
@@ -1451,7 +1458,13 @@ input[type="url"],
 input[type="password"],
 textarea {
   border: 1px solid #ccc;
-  padding: 2px;
+  padding: 2px 5px;
+  margin: 0;
+  width: 200px;
+}
+
+textarea {
+  padding: 5px;
 }
 
 /* Rules for user images */
@@ -1575,15 +1588,20 @@ a.button.submit {
     margin-bottom:0;
     width:50%;
     min-width: 0;
+    max-width: 150px;
+    margin-left: 2px;
+    margin-right: 2px;
   }
   input:first-child,
   .button:first-child {
     border-radius:2px 0 0 2px;
     border-right:1px solid white;
+    margin-left: 0px;
   }
   input:last-child,
-  .button:first-child {
+  .button:last-child {
     border-radius:0 2px 2px 0;
+    margin-right: 0px;
   }
 }