diff options
| author | Christian Treppo <christian@treppo.org> | 2016-07-06 15:51:26 +0200 |
|---|---|---|
| committer | Felix Hammerl <fhammerl@thoughtworks.com> | 2016-07-07 16:15:33 +0200 |
| commit | c20d9eeda54d98190d7d4325acb7a817fd30bc3c (patch) | |
| tree | 15c991717cbf72b71090f25fb5e77f3c348b5de0 /web-ui | |
| parent | 8b9a31826d6df854e2026d861d675f80246ad0ea (diff) | |
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
<a> tag, the whole element becomes clickable and opens the email.
fixes #743
Diffstat (limited to 'web-ui')
| -rw-r--r-- | web-ui/app/scss/views/_mail-list.scss | 9 |
1 files changed, 5 insertions, 4 deletions
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 { |