From 1f2cb07debd401c78c416d762019e87d6b457bdc Mon Sep 17 00:00:00 2001 From: Chris Hill-Scott Date: Mon, 11 Feb 2019 12:02:41 +0000 Subject: [PATCH] =?UTF-8?q?Make=20hit=20area=20bigger=20on=20settings=20?= =?UTF-8?q?=E2=80=98change=E2=80=99=20links?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Bigger hit areas are generally better (cf Fitt’s law[1]), as long as they’re not ambiguous. This commit enlarges the hit area of the edit links (using a border) so they fill the same vertical space as the smallest possible row (going to the full height might look weird because some of these rows get very tall). --- app/assets/stylesheets/components/table.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/app/assets/stylesheets/components/table.scss b/app/assets/stylesheets/components/table.scss index 9de3550e6..97b7a83f0 100644 --- a/app/assets/stylesheets/components/table.scss +++ b/app/assets/stylesheets/components/table.scss @@ -212,8 +212,23 @@ } .table-field-right-aligned { + @extend %table-field; text-align: right; + + a { + + display: block; + border-top: 11px solid transparent; + border-bottom: 8px solid transparent; + margin: -11px 0 -8px 0; + + &:hover { + color: $link-hover-colour; + } + + } + }