From d35a499fc79d434d229e1afa5a2d5f0a4de55bef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <mail@davidbenque.com>
Date: Thu, 10 Jun 2021 17:15:15 +0100
Subject: [PATCH] Fix Submit UI

- anonymous checkbox alignment
- invalid red colors across light/dark themes
---
 .../src/less2/include/colortheme-dark.less           |  2 +-
 www/form/app-form.less                               | 12 ++++++++----
 www/form/inner.js                                    |  2 +-
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/customize.dist/src/less2/include/colortheme-dark.less b/customize.dist/src/less2/include/colortheme-dark.less
index a16f9b5ca..f8ea0c92b 100644
--- a/customize.dist/src/less2/include/colortheme-dark.less
+++ b/customize.dist/src/less2/include/colortheme-dark.less
@@ -437,4 +437,4 @@
 @cp_form-poll-yes: fade(@cryptpad_color_green, 25%);
 @cp_form-poll-maybe: @cryptpad_color_grey_700;
 @cp_form-poll-yes-color: @cryptpad_color_green;
-@cp_form-invalid: @cryptpad_color_red;
+@cp_form-invalid: @cryptpad_color_light_red;
diff --git a/www/form/app-form.less b/www/form/app-form.less
index dcbe5758a..4b0be26fc 100644
--- a/www/form/app-form.less
+++ b/www/form/app-form.less
@@ -197,9 +197,6 @@
                     }
                 }
 
-                .cp-form-page + .cp-form-send-container {
-                    margin-top: 10px;
-                }
                 .cp-form-send-container {
                     text-align: center;
                     margin: 50px auto 100px auto;
@@ -215,8 +212,15 @@
                         }
                         li {
                             text-align: left;
+                            a {
+                                color: @cryptpad_color_link;
+                            }
                         }
                     }
+                    .cp-form-anon-answer {
+                        text-align: center;
+                        margin: 20px 0 30px 0;
+                    }
                 }
 
                 .cp-form-page-container {
@@ -293,7 +297,7 @@
                             justify-content: space-between;
                         }
                         input:invalid {
-                            border: 2px solid @cp_form-invalid;
+                            border: 2px solid @cryptpad_color_red;
                             color: @cp_form-invalid;
                         }
                         media-tag {
diff --git a/www/form/inner.js b/www/form/inner.js
index 2e6564465..95fe5064b 100644
--- a/www/form/inner.js
+++ b/www/form/inner.js
@@ -1909,7 +1909,7 @@ define([
 
         return h('div.cp-form-send-container', [
             invalid,
-            cbox ? h('div', cbox) : undefined,
+            cbox ? h('div.cp-form-anon-answer', cbox) : undefined,
             send, reset
         ]);
     };