From 9e65df4df28985ed6c8e29d08ec6f937764f7b6b Mon Sep 17 00:00:00 2001
From: jorge-vitrubio <jorge@vitrubio.net>
Date: Fri, 7 Apr 2023 20:59:04 +0200
Subject: [PATCH] styled search imput with span

---
 ...m-field-ajuts-filter-function-frontend.php | 33 +++++++++----------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/includes/custom-field-ajuts-filter-function-frontend.php b/includes/custom-field-ajuts-filter-function-frontend.php
index 55a9b26..310c4b6 100644
--- a/includes/custom-field-ajuts-filter-function-frontend.php
+++ b/includes/custom-field-ajuts-filter-function-frontend.php
@@ -84,23 +84,22 @@ if( ! function_exists( 'ofisuport_ajuts_filters_form') ) {
       </form>
       <?php //close the form and subit ?>
  
-<?php }; //end if groupkey ?>
-<aside id="search-form-ajuts" class="search-ajuts">
-<?php
- // search form for custom post type 'oficinasuport-ajut'
- // <input type="hidden" value="ofisuport-ajut" name="post_type" id="post_type" />
- // https://developer.wordpress.org/reference/functions/get_search_form/#comment-369
- // https://wordpress.stackexchange.com/questions/313037/restrict-a-sear  ch-to-a-custom-post-type
-?>
-<form class="search-form" role="search" method="get" action="/">
-	<label class="screen-reader-text" for="search">Search in ajuts</label>
-  <input type="search" id="search" class="search-field" placeholder="cerca ajut..." value="<?php the_search_query(); ?>" name="s" />
-  <input type="submit" id="searchsubmit" class="search-submit button button-search" value="Enviar">
-  <input type="hidden" value="ofisuport-ajut" name="post_type" id="post_type" />
-</form>
-
-</aside>
-
+      <?php }; //end if groupkey ?>
+      <aside id="search-form-ajuts" class="ofisuport-search-ajuts">
+        <?php
+         // search form for custom post type 'oficinasuport-ajut'
+         // <input type="hidden" value="ofisuport-ajut" name="post_type" id="post_type" />
+         // https://developer.wordpress.org/reference/functions/get_search_form/#comment-369
+         // https://wordpress.stackexchange.com/questions/313037/restrict-a-sear  ch-to-a-custom-post-type
+        ?>
+        <form class="ofisuport-search-form" role="search" method="get" action="/">
+        	<label class="screen-reader-text" for="search">Search in ajuts</label>
+          <input type="search" id="search" class="search-field" placeholder="cerca amb paraula clau..." value="<?php the_search_query(); ?>" name="s" />
+          <input type="submit" id="searchsubmit" class="search-submit" value="cerca">
+          <span class="ofisuport-search-submit ofisuport-icon-search"></span>
+          <input type="hidden" value="ofisuport-ajut" name="post_type" id="post_type" />
+        </form>   
+      </aside>
 </div>
  
 <script type="text/javascript">