From fa50da6bfd9e2896a48d35edb131016b960e29a0 Mon Sep 17 00:00:00 2001
From: Simon Lydell <simon.lydell@gmail.com>
Date: Mon, 29 Aug 2016 16:46:17 +0200
Subject: [PATCH] Make hint markers smaller

The hint markers are styled with `font: menu;` to get as close to the
user's system and preferences as possible. However, that turns out to be
slighly too big on all systems I've seen.

This commit still uses `font: menu;`, but then reduces the font size of
that to 80%, by using a clever CSS trick: `font: menu;` was moved to the
hints container, and the markers themselves use `font-size: 0.8em;`.
---
 extension/skin/style.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/extension/skin/style.css b/extension/skin/style.css
index dff5862..fa7dac7 100644
--- a/extension/skin/style.css
+++ b/extension/skin/style.css
@@ -80,6 +80,7 @@ toolbarpaletteitem[place="palette"] > #VimFxButton {
 #VimFxMarkersContainer {
   position: absolute;
   pointer-events: none;
+  font: menu;
 }
 
   #VimFxMarkersContainer.ui {
@@ -101,7 +102,7 @@ toolbarpaletteitem[place="palette"] > #VimFxButton {
   border: solid var(--border-width) var(--border-color);
   background-color: #ffd76e;
   color: #302505;
-  font: menu;
+  font-size: 0.8em;
   line-height: 1;
   font-weight: bold;
   text-transform: uppercase;
-- 
2.39.3