From 222bb864bc25bb9cf98a9a6042f4ccfd62558818 Mon Sep 17 00:00:00 2001 From: Tom Byers Date: Wed, 12 Aug 2020 11:32:55 +0100 Subject: [PATCH] Remove horizontal padding for pill items This gives the contents of each item more space which is useful on smaller screens or at higher zoom levels. Each item still has a 2px border so is prevented from its contents touching those of the other items. They are also flex-items, set to occupy a quarter of the available space so will removing this padding will not effect their width. --- app/assets/stylesheets/components/pill.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/assets/stylesheets/components/pill.scss b/app/assets/stylesheets/components/pill.scss index 72004fa1a..acbefd50d 100644 --- a/app/assets/stylesheets/components/pill.scss +++ b/app/assets/stylesheets/components/pill.scss @@ -31,7 +31,7 @@ float: left; box-sizing: border-box; width: 100%; - padding: 10px; + padding: 10px 0px; } a {