From 478e95e24cbbcde50f2674eb61ebc2ff0b45cd70 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Wed, 1 Sep 2021 18:25:14 +0200
Subject: [PATCH] Fix forms charts UI

---
 www/form/app-form.less | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/www/form/app-form.less b/www/form/app-form.less
index 913384c58..738909e1d 100644
--- a/www/form/app-form.less
+++ b/www/form/app-form.less
@@ -182,6 +182,12 @@
                         overflow-x: auto;
                     }
                 }
+                .cp-form-creator-results-timeline {
+                    margin-bottom: 20px;
+                    table.cp-charts.column {
+                        overflow-x: initial;
+                    }
+                }
             }
             div.cp-form-creator-content, div.cp-form-creator-results {
                 max-width: 1000px;
@@ -611,7 +617,6 @@
 
             .cp-form-creator-results-controls {
                 margin-bottom: 20px;
-                margin-top: 20px;
                 //background: @cp_form-bg1;
                 //padding: 10px;
                 button {
@@ -674,11 +679,12 @@
                 }
                 .cp-form-results-type-radio-data {
                     display: table-row;
-                    border: 1px solid @cp_form-border;
+                    border: 1px solid transparent;
                     & > span {
                         .cp-form-results-cell();
                         &.cp-value {
                             max-width: 200px;
+                            min-width: 200px;
                             white-space: nowrap;
                             overflow: hidden;
                             text-overflow: ellipsis;
@@ -687,10 +693,14 @@
                             width: 99%;
                             padding: 0px;
                             position: relative;
+                            background: transparent;
+                            border-left-width: 15px;
+                            border-right-width: 15px;
                             .cp-bar {
                                 position: absolute;
-                                background: @cryptpad_color_brand;
-                                height: 100%;
+                                background: fade(@cryptpad_text_col, 50%);
+                                height: 50%;
+                                top: 25%;
                             }
                         }
                     }