From 3722d260d01fd438fdd39ab1bda2b756be475959 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <mail@davidbenque.com>
Date: Tue, 7 Sep 2021 10:58:27 +0100
Subject: [PATCH 1/2] Hide background for grid sub-questions responses

---
 www/form/app-form.less | 18 +++++++++++++++---
 www/form/inner.js      |  2 +-
 2 files changed, 16 insertions(+), 4 deletions(-)

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));

From a61c83174870a2de1b079e452ef6b3f55ebfe04a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <mail@davidbenque.com>
Date: Tue, 7 Sep 2021 11:03:24 +0100
Subject: [PATCH 2/2] Fix margin at the bottom of Required alert

---
 www/form/app-form.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/www/form/app-form.less b/www/form/app-form.less
index 31b6a12ed..d57ee1a22 100644
--- a/www/form/app-form.less
+++ b/www/form/app-form.less
@@ -360,6 +360,7 @@
                         color: @cp_form-invalid;
                         ul {
                             list-style-type: disclosure-closed;
+                            margin-bottom: 5px;
                         }
                         li {
                             text-align: left;