diff --git a/client/src/browser-table.html b/client/src/browser-table.html index 0c067139..8bca838c 100644 --- a/client/src/browser-table.html +++ b/client/src/browser-table.html @@ -53,20 +53,25 @@ /* Spec label */ - div[label] { + [spec] { flex: 0 0 170px; + display: flex; margin-right: 16px; + color: var(--theme-blue-small); + } + + [spec] div[label] { display: flex; align-items: center; } - div[label] svg { + [spec] svg { width: 26px; margin-right: 8px; fill: var(--theme-blue-grey, #697785); } - div[label]:after { + [spec] div[label]:after { content: attr(label); display: inline-block; } @@ -79,13 +84,13 @@ align-items: center; } - .row > :not([label]) { + .row > :not([spec]) { flex: 1 1 60px; padding: 8px 0; font-weight: bold; } - div.header > div.row > div:not([label]), div.row [title] { + div.header > div.row > div:not([spec]), div.row [title] { display: flex; align-items: center; margin: 8px 0; @@ -102,7 +107,7 @@ margin-right: 8px; } - div:not(.header) > div.row > :not([title]):not([label]) { + div:not(.header) > div.row > :not([title]):not([spec]) { flex-direction: column; } @@ -203,7 +208,6 @@