From 8b4cc38fd9a9872bb2621a722a1bbac25233c094 Mon Sep 17 00:00:00 2001
From: Elias Showk <eshowk@entrouvert.com>
Date: Tue, 22 May 2018 18:12:29 +0200
Subject: [PATCH] cells: avoid lists of forms contents to overlap (#23977)

---
 static/includes/_cells.scss | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/static/includes/_cells.scss b/static/includes/_cells.scss
index f6a50b9..fa7bc9c 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 {
@@ -172,6 +179,7 @@ div.wcscurrentformscell ul {
 	}
 
 	li.more-items a {
+		display: block;
 		padding: 0.5rem 1rem;
 		cursor: pointer;
 		text-align: center;
@@ -207,12 +215,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