From d39a1b719b568548736e7b8c25cb592a12ca7f4f Mon Sep 17 00:00:00 2001
From: Sergey Zvyagintsev <nitron.ru@gmail.com>
Date: Sun, 18 Jul 2021 19:21:55 +0700
Subject: [PATCH] Improve error message style

---
 Resources/public/fields.css                     | 6 ++++++
 Resources/views/Form/dropzone_preview.html.twig | 2 +-
 Resources/views/Form/fields.html.twig           | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/Resources/public/fields.css b/Resources/public/fields.css
index 8281698..4f25f4c 100644
--- a/Resources/public/fields.css
+++ b/Resources/public/fields.css
@@ -93,6 +93,12 @@
     font-size: 16px;
 }
 
+.gwu-error-message {
+    text-align: center;
+    background-color: rgba(221, 221, 221, 0.75);
+    margin: 5px 0;
+}
+
 .gwu-control:focus {
     outline: none;
 }
diff --git a/Resources/views/Form/dropzone_preview.html.twig b/Resources/views/Form/dropzone_preview.html.twig
index 341e0b6..a1330d3 100644
--- a/Resources/views/Form/dropzone_preview.html.twig
+++ b/Resources/views/Form/dropzone_preview.html.twig
@@ -22,7 +22,7 @@
                             <span data-gwu-remove-label></span>
                         </button>
 
-                        <div>
+                        <div class="gwu-error-message">
                             <strong class="error text-danger" data-dz-errormessage></strong>
                         </div>
                     </div>
diff --git a/Resources/views/Form/fields.html.twig b/Resources/views/Form/fields.html.twig
index a8ddc35..30c97fa 100644
--- a/Resources/views/Form/fields.html.twig
+++ b/Resources/views/Form/fields.html.twig
@@ -346,7 +346,7 @@
                         <span data-gwu-remove-label></span>
                     </button>
 
-                    <div>
+                    <div class="gwu-error-message">
                         <strong class="error text-danger" data-dz-errormessage></strong>
                     </div>
                 </div>