From ada3da38fc06104b897cace77f2dcbd766b01a96 Mon Sep 17 00:00:00 2001 From: Elias Showk Date: Tue, 22 May 2018 18:12:29 +0200 Subject: [PATCH] cells: avoid lists of forms contents to overlap (#23977) --- static/includes/_cells.scss | 20 +++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) diff --git a/static/includes/_cells.scss b/static/includes/_cells.scss index f6a50b9..2be60d7 100644 --- a/static/includes/_cells.scss +++ b/static/includes/_cells.scss @@ -125,11 +125,18 @@ div.wcscurrentformscell ul { z-index: 0; & > li > a { + display: -ms-flexbox; + display: flex; + -ms-align-items: baseline; + align-items: baseline; + + -ms-flex-wrap: wrap; + flex-wrap: wrap; padding: 1rem; - display: block; color: $cell-entry-color; border-bottom: 1px solid $cell-entry-border-color; position: relative; + &:hover { color: $cell-entry-hover-color; @if $cell-entry-hover-effect != none { @@ -207,12 +214,19 @@ div.wcscurrentformscell ul { div.list-of-forms { span.form-number { + -ms-flex-grow: 1; + flex-grow: 1; + + margin-right: 1rem; opacity: 0.3; font-size: 80%; } span.form-status { - position: absolute; - right: 1ex; + margin-right: 0; + margin-left: auto; + } + span.form-title { + margin-right: 1rem; } } -- 2.17.0