From 20a6dc10bfeca8a03ad56927e97387066d70de5d Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 29 Nov 2023 22:35:49 +0100
Subject: [PATCH] refining forms

---
 resources/css/components/forms.css | 107 +++++++++++++++++------------
 1 file changed, 62 insertions(+), 45 deletions(-)

diff --git a/resources/css/components/forms.css b/resources/css/components/forms.css
index d142198..6d9902a 100644
--- a/resources/css/components/forms.css
+++ b/resources/css/components/forms.css
@@ -29,10 +29,14 @@ form:not(.metabox-location-side):not(.metabox-location-normal):not(.metabox-loca
   --gform-theme-local-border-color: var(--secondary);
   --gform-theme-control-border-color-focus: var(--secondary);
   --gform-theme-control-box-shadow-focus: 0px 0 0 0px var(--secondary);
+
   select,
   textarea,
   input:not([type='submit']):not(.gform_next_button, .gform_previous_button) {
-    @apply !border-neutral-400 !text-lg !text-neutral-900 !font-semibold;
+    /* @apply !border-neutral-400 !text-lg !text-neutral-900 !font-semibold !border; */
+    @apply !border-neutral-400 !text-lg !text-green-900 !font-semibold !border;
+    line-height: 1 !important;
+
     &:focus {
       @apply !border-secondary;
       /* outline: solid 1px;
@@ -49,6 +53,11 @@ form:not(.metabox-location-side):not(.metabox-location-normal):not(.metabox-loca
     ) {
     @apply !rounded-lg !py-6;
   }
+
+  input[type='text'] {
+    @apply !py-6;
+    text-indent: 6px !important;
+  }
   select {
     @apply !rounded-lg !h-12 !pt-3 !text-base;
     text-indent: 6px !important;
@@ -73,51 +82,59 @@ form:not(.metabox-location-side):not(.metabox-location-normal):not(.metabox-loca
   }
 }
 
-.gform_title {
-  @apply hidden;
-}
-.gfield_required {
-  @apply !text-3xl !inline-block;
-  line-height: 0.5;
-  transform: translateY(3px) !important;
-  margin-top: -10px !important;
-}
-.gform_required_legend {
-  .gfield_required {
-    transform: translateY(12px) !important;
+.gform_wrapper {
+  .gform_title {
+    @apply hidden;
+  }
+  .gfield_required_asterisk {
+    @apply !text-3xl !inline-block;
+    line-height: 0.5;
+    transform: translateY(3px) !important;
+    margin-top: -10px !important;
+  }
+  .gform_required_legend {
+    .gfield_required {
+      transform: translateY(12px) !important;
+    }
+  }
+  .gfield_description {
+    @apply !text-neutral-600 !text-sm !font-medium;
+  }
+  .gf_page_steps,
+  .field_description_below {
+    @apply !border-none;
+  }
+  .gf_step_active {
+    @apply !text-secondary !font-semibold;
+  }
+  .gform-theme-button {
+    @apply !rounded-full;
+  }
+  .gform_heading {
+    @apply !pb-8;
+  }
+  .gf_progressbar {
+    @apply !py-0;
+  }
+  .gf_progressbar_title {
+    @apply !pb-3;
+  }
+  .gform_previous_button,
+  .gform_next_button {
+    @apply !border-none !bg-secondary !text-white !font-semibold !text-lg !px-6 !py-3;
+  }
+  .gsection_description {
+    @apply !text-base;
+  }
+  .gsection_title {
+    @apply !text-secondary !text-xl !font-bold !mb-0 !mt-4;
+  }
+  .gform_confirmation_message {
+    @apply !text-emerald-700 !text-center !text-lg !font-semibold;
+  }
+  .gfield_validation_message {
+    @apply !text-secondary !font-semibold;
   }
-}
-.gfield_description {
-  @apply !text-neutral-600 !text-sm !font-medium;
-}
-.field_description_below {
-  @apply !border-none;
-}
-.gform-theme-button {
-  @apply !rounded-full;
-}
-.gform_heading {
-  @apply !pb-8;
-}
-.gf_progressbar {
-  @apply !py-0;
-}
-.gf_progressbar_title {
-  @apply !pb-3;
-}
-.gform_previous_button,
-.gform_next_button {
-  @apply !border-none !bg-secondary !text-white !font-semibold !text-lg !px-6 !py-3;
-}
-
-.gsection_title {
-  @apply !text-secondary !text-xl !font-bold !mb-0 !mt-4;
-}
-.gform_confirmation_message {
-  @apply !text-emerald-700 !text-center !text-lg !font-semibold;
-}
-.gfield_validation_message {
-  @apply !text-secondary !font-semibold;
 }
 .section_titling + .gform_wrapper {
   @apply mt-16;