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

@@ -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>

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;
 }