From 746010a7573baa68f831627c5965314d96bed5d5 Mon Sep 17 00:00:00 2001
From: Vincent Sanders <vince@kyllikki.org>
Date: Wed, 7 Aug 2019 16:05:45 +0100
Subject: apply tlsa styling improvements to about scheme query pages

---
 content/fetchers/about.c | 30 ++++++++++++++++--------
 resources/internal.css   | 59 ++++++++++++++++++++++++++++++++++++++++--------
 2 files changed, 69 insertions(+), 20 deletions(-)

diff --git a/content/fetchers/about.c b/content/fetchers/about.c
index 182a3b607..72f2b05a2 100644
--- a/content/fetchers/about.c
+++ b/content/fetchers/about.c
@@ -799,28 +799,38 @@ static bool fetch_about_query_auth_handler(struct fetch_about_context *ctx)
 		}
 	}
 
+	res = ssenddataf(ctx, "<table>");
+	if (res != NSERROR_OK) {
+		goto fetch_about_query_auth_handler_aborted;
+	}
+
 	res = ssenddataf(ctx,
-			 "<div>"
-			 "<label for=\"name\">%s:</label>"
-			 "<input type=\"text\" id=\"username\" "
-			 "name=\"username\" value=\"%s\">"
-			 "</div>",
+			 "<tr>"
+			 "<th><label for=\"name\">%s:</label></th>"
+			 "<td><input type=\"text\" id=\"username\" "
+			 "name=\"username\" value=\"%s\"></td>"
+			 "</tr>",
 			 messages_get("Username"), username);
 	if (res != NSERROR_OK) {
 		goto fetch_about_query_auth_handler_aborted;
 	}
 
 	res = ssenddataf(ctx,
-			 "<div>"
-			 "<label for=\"password\">%s:</label>"
-			 "<input type=\"password\" id=\"password\" "
-			 "name=\"password\" value=\"%s\">"
-			 "</div>",
+			 "<tr>"
+			 "<th><label for=\"password\">%s:</label></th>"
+			 "<td><input type=\"password\" id=\"password\" "
+			 "name=\"password\" value=\"%s\"></td>"
+			 "</tr>",
 			 messages_get("Password"), password);
 	if (res != NSERROR_OK) {
 		goto fetch_about_query_auth_handler_aborted;
 	}
 
+	res = ssenddataf(ctx, "</table>");
+	if (res != NSERROR_OK) {
+		goto fetch_about_query_auth_handler_aborted;
+	}
+
 	res = ssenddataf(ctx,
 			 "<div id=\"buttons\">"
 			 "<input type=\"submit\" id=\"cancel\" name=\"cancel\" "
diff --git a/resources/internal.css b/resources/internal.css
index 8de8ab41b..5779cfd9d 100644
--- a/resources/internal.css
+++ b/resources/internal.css
@@ -97,6 +97,11 @@ dd > ul {
 	padding-top: 0.4em;
 	border-top: 2px solid #94adff; }
 
+input.default-action {
+    color: white;
+    background: rgb(0, 96, 223);
+    border-color: rgb(0, 96, 223);
+}
 
 /*
  * Directory Listing Style
@@ -242,7 +247,15 @@ p.imagecachelist span {
  */
 
 body#authentication {
-    max-width: 34em;
+    max-width: 45em;
+}
+
+body#authentication h1 {
+  padding: 0.8em 0.4em 0.5em 0.4em;
+  border-bottom: 0.1em solid #444;
+  margin: 0 0 1.3em 0;
+  background: #777;
+  color: white;
 }
 
 body#authentication form {
@@ -254,29 +267,43 @@ body#authentication form {
   border-radius: 1em;
 }
 
-body#authentication form div + div {
-  margin-top: 1em;
+body#authentication table {
+  box-sizing: border-box;
+  width: 100%;
+  margin: 1.5em auto;
 }
 
 body#authentication label {
   /* To make sure that all labels have the same size and are properly aligned */
   display: inline-block;
-  width: 7em;
   text-align: right;
 }
 
-body#authentication input#username, body#authentication input#password {
-/* To give the same size to all text fields */
-  width: 24em;
+body#authentication table th {
+  text-align: right;
+}
+
+body#authentication table td {
+  text-align: left;
+}
+
+body#authentication table input {
+  /* To give the same size to all text fields */
+  width: 20em;
   box-sizing: border-box;
+  margin-right: 10%;
 
   /* To harmonize the look & feel of text field border */
   border: 1px solid #999;
 }
 
 body#authentication div#buttons {
-    text-align: right;
-    margin-right: 1em;
+  text-align: right;
+  margin-right: 1em;
+}
+
+body#authentication div#buttons input#login {
+  margin-left: 1em;
 }
 
 /*
@@ -284,7 +311,15 @@ body#authentication div#buttons {
  */
 
 body#privacy {
-    max-width: 34em;
+  max-width: 45em;
+}
+
+body#privacy h1 {
+  padding: 0.8em 0.4em 0.5em 0.4em;
+  border-bottom: 0.1em solid #444;
+  margin: 0 0 1.3em 0;
+  background: #c55;
+  color: white;
 }
 
 body#privacy form {
@@ -304,3 +339,7 @@ body#privacy div#buttons {
     text-align: right;
     margin-right: 1em;
 }
+
+body#authentication div#buttons input#proceed {
+  margin-left: 1em;
+}
-- 
cgit v1.2.3