diff --git a/www/form/app-form.less b/www/form/app-form.less index a7a494501..31b6a12ed 100644 --- a/www/form/app-form.less +++ b/www/form/app-form.less @@ -735,9 +735,21 @@ } .cp-charts { - .cp-bar-container { - .cp-bar { - background-color: @cryptpad_color_link; + .cp-charts-row { + .cp-grid-sub-question { + background: transparent; + } + .cp-value { + min-width: 200px; + max-width: 200px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + .cp-bar-container { + .cp-bar { + background-color: fade(@cryptpad_color_link, 75%); + } } } } diff --git a/www/form/inner.js b/www/form/inner.js index 8c41caa48..25b887ff4 100644 --- a/www/form/inner.js +++ b/www/form/inner.js @@ -895,7 +895,7 @@ define([ }; var multiAnswerSubHeading = function (content) { - return h('span.cp-charts-row', h('td.cp-charts-cell', { + return h('span.cp-charts-row', h('td.cp-charts-cell.cp-grid-sub-question', { colspan: 3, style: 'font-weight: bold;', }, content));