From 8144c0587f103e94777d644a4ba501c601162ced Mon Sep 17 00:00:00 2001
From: Shane Tomlinson <stomlinson@mozilla.com>
Date: Thu, 6 Oct 2011 10:09:18 +0100
Subject: [PATCH] A bunch of changes to try to make things easier to use on
mobile phones.
Making fonts larger, bigger buttons, smaller headers and footers to get out of the way.
---
browserid/static/dialog/css/m.css | 35 ++++++++++++++++++++++++++++---
1 file changed, 32 insertions(+), 3 deletions(-)
diff --git a/browserid/static/dialog/css/m.css b/browserid/static/dialog/css/m.css
index 44f2a9c62..bbbebe5b2 100644
--- a/browserid/static/dialog/css/m.css
+++ b/browserid/static/dialog/css/m.css
@@ -1,17 +1,36 @@
+
body #wrapper {
min-width: 320px;
width: 100%;
margin: 0 auto;
}
-body #header {
- padding: 10px;
+body header, body footer {
+ padding: 5px 20px;
}
-body #header ul li:nth-child(2) {
+body header ul li:nth-child(2) {
display: none;
}
+body button {
+ height: 40px;
+ font-size: 18px;
+}
+
+body input[type=email],
+body input[type=password] {
+ font-size: 17px;
+}
+
+body .inputs > li > label {
+ font-size: 18px;
+}
+
+body .vertical > strong {
+ font-size: 20px;
+}
+
body #signIn,
body #favicon {
display: block;
@@ -27,6 +46,7 @@ body #signIn {
body #signIn .table {
width: 100%;
+ margin: 0;
}
body #signIn form {
@@ -69,6 +89,15 @@ body #footer {
padding: 10px;
}
+body #signIn .vertical {
+ padding-bottom: 0;
+}
+
body #signIn .vertical ul li {
margin-top: 20px;
}
+
+body #signIn .submit > p {
+ font-size: 14px;
+}
+
--
GitLab