futher refinement on about scheme query styling

2 files changed, 16 insertions, 4 deletions

diff --git a/content/fetchers/about.c b/content/fetchers/about.c
index 2cbb60407..b5b5743ce 100644
--- a/content/fetchers/about.c
+++ b/content/fetchers/about.c
@@ -770,7 +770,7 @@ static bool fetch_about_query_auth_handler(struct fetch_about_context *ctx)
 			 messages_get("Password"), password);
 
 	slen += snprintf(buffer + slen, sizeof(buffer) - slen,
-			 "<div align=\"right\">"
+			 "<div id=\"buttons\">"
 			 "<input type=\"submit\" id=\"cancel\" name=\"cancel\" "
 			 "value=\"%s\">"
 			 "<input type=\"submit\" id=\"login\" name=\"login\" "
diff --git a/resources/internal.css b/resources/internal.css
index f49f1bbfb..5e5dbf216 100644
--- a/resources/internal.css
+++ b/resources/internal.css
@@ -241,28 +241,40 @@ p.imagecachelist span {
  * authentication styling
  */
 
+body#authentication {
+    max-width: 34em;
+}
+
 body#authentication form {
   /* Just to center the form on the page */
   margin: 0 auto;
-  width: 400px;
   /* To see the outline of the form */
   padding: 1em;
   border: 1px solid #CCC;
   border-radius: 1em;
 }
 
+body#authentication form div + div {
+  margin-top: 1em;
+}
+
 body#authentication label {
   /* To make sure that all labels have the same size and are properly aligned */
   display: inline-block;
-  width: 90px;
+  width: 7em;
   text-align: right;
 }
 
 body#authentication input#username, body#authentication input#password {
 /* To give the same size to all text fields */
-  width: 300px;
+  width: 24em;
   box-sizing: border-box;
 
   /* To harmonize the look & feel of text field border */
   border: 1px solid #999;
 }
+
+body#authentication div#buttons {
+    text-align: right;
+    margin-right: 1em;
+}