diff --git a/combo/manager/static/css/combo.manager.css b/combo/manager/static/css/combo.manager.css index e9cc94e2..4553360e 100644 --- a/combo/manager/static/css/combo.manager.css +++ b/combo/manager/static/css/combo.manager.css @@ -11,6 +11,11 @@ div.placeholder { margin-bottom: 2em; } +div#pages-list div.page { + display: flex; + align-items: center; +} + div.cell-list > div { background: white; border: 1px solid #eee; @@ -45,12 +50,19 @@ div.cell-list > div.toggled > div { div.cell > h3 { background: #fafafa; margin: 0; - padding: 1ex 1ex 1ex 0; + padding: 0 2em 0 0; min-width: 10em; color: #222; font-weight: normal; cursor: pointer; white-space: nowrap; + display: flex; + align-items: center; +} + +div.cell > h3 .handle { + flex: 0; + padding: 1em 0.5em; } div.cell h3 .group1, @@ -59,8 +71,7 @@ div.page .group1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; - vertical-align: middle; - width: 60%; + flex: 1; } div.cell h3 span.extra-css-class { @@ -73,6 +84,7 @@ div.cell h3 span.visibility-summary, div.page span.visibility-summary { font-size: 80%; padding-left: 1em; + padding-right: 1rem; display: inline-block; overflow: hidden; white-space: nowrap;