From 17eb9184f0420ac791cc962edef47d44b6b48e74 Mon Sep 17 00:00:00 2001 From: JWB Date: Thu, 28 Jul 2022 12:49:57 -0400 Subject: [PATCH] Device information page styling fix I was checking out your site, and really like it! already added to my bookmarks, and when I was on the Device Information page I noticed the `p` and `y` in the words 1 dppx and landscape-primary were cut off and my ocd kicked in to tweak it. The fix was to remove the line height set on the value, and then to keep the spacing how it was just moving it up 5px seemed to do the trick. I'm using Firefox 102.0.1 on Windows 11. I'll attach some pics so you can see the before and after. I've never messed with vue, but after looking at this file here ya make me want to check it out more. I love how its keeping it all together in one file. Might also need to rebuild it the site after this change, but you get the point. Awesome site! --- src/tools/device-information/device-information.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/tools/device-information/device-information.vue b/src/tools/device-information/device-information.vue index 19dcb738..d8b83cf5 100644 --- a/src/tools/device-information/device-information.vue +++ b/src/tools/device-information/device-information.vue @@ -89,7 +89,7 @@ const sections = [ .value { font-size: 20px; font-weight: 400; - line-height: 1; + margin-top: -5px; } }