From c20d9eeda54d98190d7d4325acb7a817fd30bc3c Mon Sep 17 00:00:00 2001 From: Christian Treppo Date: Wed, 6 Jul 2016 15:51:26 +0200 Subject: Really make whole mail item clickable So far the mail item had some padding applied to it on all sides, inside this padding area the item was not clickable, even though the cursor changed to a pointer. By moving the padding into the tag, the whole element becomes clickable and opens the email. fixes #743 --- web-ui/app/scss/views/_mail-list.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) (limited to 'web-ui') diff --git a/web-ui/app/scss/views/_mail-list.scss b/web-ui/app/scss/views/_mail-list.scss index aa39d553..66bcabbe 100644 --- a/web-ui/app/scss/views/_mail-list.scss +++ b/web-ui/app/scss/views/_mail-list.scss @@ -1,10 +1,8 @@ .mail-list-entry { @include scut-clearfix; - padding: 8px 10px 10px 10px; border-bottom: 1px solid white; transition: background-color 150ms ease-out; - cursor: pointer; font-weight: bold; height: 80px; position: relative; @@ -32,7 +30,10 @@ margin-right: 5px; display: block; float: left; - min-height: 100%; + margin: { + top: 8px; + left: 20px; + } & > input[type=checkbox] { @include check-box; @@ -42,7 +43,7 @@ &__item { display: block; color: $dark_grey; - padding-left: 24px; + padding: 8px 10px 10px 34px; height: 100%; &-from { -- cgit v1.2.3