From e5fe99c6ef2a8a6e38b4da6c95cc11c1521e73f9 Mon Sep 17 00:00:00 2001
From: Sean <sekim@mozilla.com>
Date: Wed, 22 May 2024 15:15:26 +0000
Subject: [PATCH] Bug 1894329 - Increase the size of td and button elements in
 about:networking on Android for readability
 r=valentin,desktop-theme-reviewers,emilio

Differential Revision: https://phabricator.services.mozilla.com/D210498
---
 toolkit/content/aboutNetworking.html          |  1 +
 .../themes/mobile/global/aboutNetworking.css  | 24 ++++++++++++++++---
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/toolkit/content/aboutNetworking.html b/toolkit/content/aboutNetworking.html
index e160217b5232..9b95e19eec9f 100644
--- a/toolkit/content/aboutNetworking.html
+++ b/toolkit/content/aboutNetworking.html
@@ -12,6 +12,7 @@
       content="default-src chrome:; object-src 'none'"
     />
     <meta name="color-scheme" content="light dark" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title data-l10n-id="about-networking-title"></title>
     <link rel="stylesheet" href="chrome://global/skin/aboutNetworking.css" />
     <script src="chrome://global/content/aboutNetworking.js"></script>
diff --git a/toolkit/themes/mobile/global/aboutNetworking.css b/toolkit/themes/mobile/global/aboutNetworking.css
index f1d499da48f1..a6252c434fd0 100644
--- a/toolkit/themes/mobile/global/aboutNetworking.css
+++ b/toolkit/themes/mobile/global/aboutNetworking.css
@@ -13,7 +13,7 @@
 }
 
 #refreshDiv > * {
-  font-size: 2em;
+  font-size: large;
   vertical-align: middle;
 }
 
@@ -33,7 +33,7 @@
 }
 
 .category {
-  font-size: 2em;
+  font-size: larger;
   padding: 0.2em;
   text-align: center;
   cursor: pointer;
@@ -74,10 +74,28 @@ th, td, table {
 th {
   padding-bottom: 0.5em;
   padding-inline: 1em;
-  font-size: larger;
+  font-size: large;
   white-space: nowrap;
 }
 
 td {
   padding-bottom: 0.25em;
+  font-size: medium;
+  padding-inline: 1em;
+}
+
+label {
+  font-size: medium;
+}
+
+input {
+  font-size: medium;
+}
+
+button {
+  font-size: large;
+}
+
+#logging {
+  font-size: medium;
 }