brower: having the permissions list start in the same line as
the "In:", "NotIn:" lables and then wrap to the next line if
not enough space.
Change-Id: I2e5941e5a4a2c08ec8f1b6818a4887cd0104e71f
diff --git a/src/components/browse/item-details/mount-point-details/index.css b/src/components/browse/item-details/mount-point-details/index.css
index 6780c35..8e10805 100644
--- a/src/components/browse/item-details/mount-point-details/index.css
+++ b/src/components/browse/item-details/mount-point-details/index.css
@@ -10,14 +10,20 @@
}
.permission-item .permission-in, .permission-item .permission-out {
+ white-space: nowrap;
color: var(--color-info);
padding-left: var(--size-space-xsmall);
}
.permission-item ul {
- padding-left: var(--size-space-large);
+ padding-left: var(--size-space-small);
}
.permission-item ul li {
padding-bottom: var(--size-space-xsmall);
+}
+
+.permissions-wrapper {
+ display: flex;
+ flex-direction: row;
}
\ No newline at end of file
diff --git a/src/components/browse/item-details/mount-point-details/index.js b/src/components/browse/item-details/mount-point-details/index.js
index 86716e4..061eca9 100644
--- a/src/components/browse/item-details/mount-point-details/index.js
+++ b/src/components/browse/item-details/mount-point-details/index.js
@@ -183,7 +183,7 @@
var results = [];
if (perm.in && perm.in.length > 0) {
results.push(
- h('div', [
+ h('div.permissions-wrapper', [
h('span.permission-in', 'In: '),
renderBlessingsList(perm.in)
])
