[tbb-commits] [tor-browser/tor-browser-91.4.0esr-11.5-1] fixup! Bug 27476: Implement about:torconnect captive portal within Tor Browser

[gk at torproject.org]

commit 72cd45d8f869090074fec4a4156c8534e5ec5d76
Author: Richard Pospesel <richard at torproject.org>
Date:   Mon Dec 6 17:35:47 2021 +0100

    fixup! Bug 27476: Implement about:torconnect captive portal within Tor Browser
---
 .../torpreferences/content/torPreferences.css      | 35 ++++++++--------------
 1 file changed, 12 insertions(+), 23 deletions(-)

diff --git a/browser/components/torpreferences/content/torPreferences.css b/browser/components/torpreferences/content/torPreferences.css
index a977648f0810..b6eb0a740e5e 100644
--- a/browser/components/torpreferences/content/torPreferences.css
+++ b/browser/components/torpreferences/content/torPreferences.css
@@ -13,7 +13,7 @@
   width: auto;
   min-height: 32px;
   border-radius: 4px;
-  padding: 4px;
+  padding: 8px;
 }
 
 #torPreferences-connectMessageBox.hidden {
@@ -32,27 +32,22 @@
 
 #torPreferences-connectMessageBox table {
   border-collapse: collapse;
-  width: 100%;
 }
 
 #torPreferences-connectMessageBox td {
-  vertical-align: top;
-  padding: 0px;
+  vertical-align: middle;
 }
 
 #torPreferences-connectMessageBox td:first-child {
-  width: 24px;
+  width: 16px;
 }
 
 #torPreferences-connectMessageBox-icon {
-  display: block;
   width: 16px;
   height: 16px;
-  padding: 4px;
 
   mask-repeat: no-repeat !important;
   mask-size: 16px !important;
-  mask-position: 4px 4px !important;
 }
 
 #torPreferences-connectMessageBox.error #torPreferences-connectMessageBox-icon
@@ -68,31 +63,25 @@
 }
 
 #torPreferences-connectMessageBox-message {
-  display: block;
   line-height: 16px;
-  font-size: 1.0em;
-  margin-right: 8px;
-  padding-left: 4px!important;
-  padding-top: 4px!important;
+  font-size: 1.11em;
+  padding-left: 8px!important;
 }
 
 #torPreferences-connectMessageBox-button {
   display: block;
   width: auto;
-  height: 24px;
-  line-height: 24px;
-  min-height: 24px;
-  max-height: 24px;
-  min-width: 0px;
-  margin: 0px;
 
   border-radius: 4px;
   border: 0;
-  padding: 0px 1.25em;
-  margin-left: auto;
-  margin-right: 0px;
 
-  font-size: 0.9em;
+  padding-inline: 18px;
+  padding-block: 8px;
+  margin-block: 0px;
+  margin-inline-start: 8px;
+  margin-inline-end: 0px;
+
+  font-size: 1.0em;
   font-weight: 600;
   white-space: nowrap;