From 7cdcb80475a000b21f0312297896b3a654265dd6 Mon Sep 17 00:00:00 2001
From: Jan Klattenhoff <jan@kjan.email>
Date: Sun, 26 Jan 2025 13:53:28 +0000
Subject: [PATCH] style(contact): Add outline-orange-500 to form inputs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

before: ![Screenshot 2025-01-25 at 9.41.25 PM.png](/attachments/4e1838e3-d83a-4ebc-847b-da9aa361db5d)

after: ![Screenshot 2025-01-25 at 9.44.41 PM.png](/attachments/ca3f51a2-2b45-4406-855c-984ea84a7199)

Reviewed-on: http://git.simonis.lol/sites/abiball/pulls/10
Reviewed-by: Constantin Simonis <constantin@simonis.lol>
Co-authored-by: Jan Klattenhoff <jan@kjan.email>
Co-committed-by: Jan Klattenhoff <jan@kjan.email>
---
 templates/contact/index.html.twig | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/contact/index.html.twig b/templates/contact/index.html.twig
index e76867f..2e2c193 100644
--- a/templates/contact/index.html.twig
+++ b/templates/contact/index.html.twig
@@ -26,24 +26,24 @@
                         <div>
                             <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email *</label>
                             <input type="email" name="{{ field_name(form.email) }}" id="email" required 
-                                class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-orange-500 focus:border-orange-500 transition-colors">
+                                class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-orange-500 outline-orange-500 focus:border-orange-500 transition-colors">
                         </div>
                         
                         <div>
                             <label for="phone" class="block text-sm font-medium text-gray-700 mb-1">Telefon</label>
                             <input type="tel" name="{{ field_name(form.phone) }}" id="phone"
-                                class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-orange-500 focus:border-orange-500 transition-colors">
+                                class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-orange-500 outline-orange-500 focus:border-orange-500 transition-colors">
                         </div>
                         
                         <div>
                             <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Message *</label>
                             <textarea name="{{ field_name(form.message) }}" id="message" rows="4" required
-                                class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-orange-500 focus:border-orange-500 transition-colors"></textarea>
+                                class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-orange-500 outline-orange-500 focus:border-orange-500 transition-colors"></textarea>
                         </div>
                         
                         <div class="text-center pt-4">
                             <button type="submit" 
-                                class="w-full sm:w-auto inline-block bg-gradient-to-r from-red-500 to-orange-500 hover:from-red-600 hover:to-orange-600 text-white px-8 sm:px-10 py-3 rounded-full text-base font-semibold shadow-xl hover:shadow-2xl transition-all duration-300">
+                                class="w-full sm:w-auto inline-block bg-gradient-to-r from-red-500 to-orange-500 hover:from-red-600 outline-orange-500 hover:to-orange-600 text-white px-8 sm:px-10 py-3 rounded-full text-base font-semibold shadow-xl hover:shadow-2xl transition-all duration-300">
                                 Nachricht senden
                             </button>
                         </div>