Improve handling of signup and login forms on small displays.

[rails.git] / public / stylesheets / site-sml.css

diff --git a/public/stylesheets/site-sml.css b/public/stylesheets/site-sml.css
index d81e0453f273674e43561b700c04817584a7407e..5c5213ac82081c2d46e7e32569e93be848b792d6 100644 (file)
--- a/public/stylesheets/site-sml.css
+++ b/public/stylesheets/site-sml.css
@@ -115,3 +115,30 @@ h1 {
     display: inline;
 }
 
+#signupForm input[type="text"], #signupForm input[type="password"] {
+    width: 100%;
+}
+#signupForm input#user_email {
+    max-width: 30em;
+}
+#signupForm input#user_email_confirmation {
+    max-width: 30em;
+}
+#signupForm input#user_display_name {
+    max-width: 20em;
+}
+#signupForm input#user_pass_crypt {
+    max-width: 20em;
+}
+#signupForm input#user_pass_crypt_confirmation {
+    max-width: 20em;
+}
+
+#loginForm input#user_email {
+    width: 100%;
+    max-width: 18em;
+}
+#loginForm input#user_password {
+    width: 100%;
+    max-width: 18em;
+}