From 1cd9808f44f26eb7afc090bdabe49207a085ab75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <mail@davidbenque.com>
Date: Fri, 4 Jun 2021 14:38:45 +0100
Subject: [PATCH] Layout of full add menu

---
 www/form/app-form.less | 24 ++++++++++++++++++++----
 www/form/inner.js      |  2 +-
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/www/form/app-form.less b/www/form/app-form.less
index 65672ec26..649bf84d9 100644
--- a/www/form/app-form.less
+++ b/www/form/app-form.less
@@ -127,14 +127,18 @@
                 .cp-form-creator-add-full {
                     display: flex;
                     align-items: center;
-                    margin-bottom: 20px;
+                    margin: 50px 0px 100px 0px;
                     &> div:first-child {
-                        border-right: 1px solid black;
+                        border-right: 1px solid fade(@cryptpad_text_col, 25%);
                         display: flex;
                         height: 100%;
                         align-items: center;
                         padding-right: 10px;
                         margin-right: 10px;
+                        i {
+                            color: fade(@cryptpad_text_col, 25%);
+                            font-size: 30px;
+                        }
                     }
                     .cp-form-creator-control-inline {
                         display: flex;
@@ -143,8 +147,20 @@
                         button:not(:last-child) {
                             margin-right: 5px;
                         }
-                        .cp-form-creator-types:first-child {
-                            margin-right: 50px;
+                        .cp-form-creator-types {
+                            button {
+                                border: 0px;
+                                padding:5px;
+                                margin-right: 10px;
+                                i {
+                                    font-size: 35px;
+                                    line-height: 35px;
+                                }
+                            }
+                            &:first-child {
+                                margin-bottom: 20px;
+                                margin-right: 50px;
+                            }
                         }
                     }
                 }
diff --git a/www/form/inner.js b/www/form/inner.js
index 6a866c4e0..9e0bc644a 100644
--- a/www/form/inner.js
+++ b/www/form/inner.js
@@ -1578,7 +1578,7 @@ define([
                 h('div.cp-form-creator-types', controls),
                 h('div.cp-form-creator-types', staticControls)
             ]);
-            var add = h('div', Messages.tag_add);
+            var add = h('div', [h('i.fa.fa-plus')]);
             if (!full) {
                 add = h('button.btn.cp-form-creator-inline-add', {
                     title: Messages.tag_add