From 64d89049981de8a7d4627bb875bbf553d7facada Mon Sep 17 00:00:00 2001
From: Raymond Hill <rhill@raymondhill.net>
Date: Sun, 5 Apr 2020 19:37:23 -0400
Subject: [PATCH] Fine tune font size for reworked dashboard UI

Related feedback:
- https://github.com/gorhill/uBlock/commit/453f5450b6e6#commitcomment-38305932

The larger font size is best justified for
touchscreen to allow tapping -- less justified
on devices with a mouse which allow for more
accurate selection.
---
 src/css/dashboard.css | 4 ++--
 src/css/settings.css  | 8 +++++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/css/dashboard.css b/src/css/dashboard.css
index dd88a0d2f..1c5e4da80 100644
--- a/src/css/dashboard.css
+++ b/src/css/dashboard.css
@@ -1,6 +1,6 @@
 html, body {
     border: 0;
-    font: 16px/24px sans-serif;
+    font: 14px/21px sans-serif;
     height: 100%;
     margin: 0;
     overflow: hidden;
@@ -33,7 +33,6 @@ html, body {
 .tabButton {
     border: 0;
     border-bottom: 3px solid #f9f9fb;
-    box-sizing: border-box;
     color: #20123a;
     cursor: pointer;
     padding: 0.5em 1.5em;
@@ -85,6 +84,7 @@ body:not(.canUpdateShortcuts) .tabButton[href="#shortcuts.html"] {
 @media (pointer: coarse) {
     #dashboard-nav {
         flex-wrap: nowrap;
+        font: 16px/24px sans-serif;
         overflow-x: auto;
     }
 }
diff --git a/src/css/settings.css b/src/css/settings.css
index bfab4dd31..8bb69d907 100644
--- a/src/css/settings.css
+++ b/src/css/settings.css
@@ -1,6 +1,6 @@
 body {
     border: 0;
-    font: 16px/24px sans-serif;
+    font: 14px/21px sans-serif;
     margin: 0;
     padding: 0;
     }
@@ -42,3 +42,9 @@ hr {
 body.advancedUser #advanced-user-enabled ~ a.fa {
     display: inline;
     }
+
+@media (pointer: coarse) {
+    #dashboard-nav {
+        font: 16px/24px sans-serif;
+    }
+}