diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-08-13 19:09:52 +0200 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-08-13 19:09:52 +0200 |
| commit | aab3a24bd592ef451a5fdcfb8d90068dd12cf621 (patch) | |
| tree | 53a961d5ef642243bef5a34ae33a8a8e4b702e66 /css | |
| parent | c1f54a232c912656312080962ae4bd7b5d4a53cc (diff) | |
Design grid fixes, delete and flex
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'css')
| -rw-r--r-- | css/details.scss | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/css/details.scss b/css/details.scss index ee75cd89..b55fe867 100644 --- a/css/details.scss +++ b/css/details.scss @@ -139,6 +139,7 @@ @include generate-grid-span(1); display: flex; flex-wrap: wrap; + flex-direction: column; position: relative; width: $grid-column-width; .icon-delete { @@ -147,6 +148,22 @@ right: 0; width: 44px; height: 44px; + border: 0; + background-color: transparent; + opacity: .5; + display: none; + &:hover, + a:active, + a:focus { + opacity: .7; + } + } + &:hover, + a:active, + a:focus { + .icon-delete { + display: block; + } } } .contact-details-label { @@ -165,6 +182,8 @@ vertical-align: middle; } .contact-details-property-row { + display: flex; + align-items: center; } } }
\ No newline at end of file |