Enahnce ui for document advanced search

app/components/document_advanced_search_component.rb

@@ -1,7 +1,7 @@
-class DocumentAdvancedSearhComponent < BaseComponent
+class DocumentAdvancedSearchComponent < BaseComponent
   attr_reader :opts
 
-  def initialize(current_user: opts: {})
+  def initialize(current_user:, opts: {})
     @opts = opts
   end
 end

app/components/document_advanced_search_component/document_advanced_search_component.html.erb

@@ -1,24 +1,25 @@
 <%= form_tag(documents_path, method: :get) do %>
-  <div class="row">
+  <div class="mb-3">
     <%= text_field_tag :q, params[:q], placeholder:  'Full text search',  class: "form-control" %>
   </div>
-
-  <div class="row">
-    <%= text_field_tag :reference_number, params[:reference_number], placeholder: 'G.R. Number',  class: "form-control" %>
+  <hr class="simple">
+  <div class="mb-3">
+    <label for="exampleFormControlInput1" class="form-label text-white">G.R. Number</label>
+    <%= text_field_tag :reference_number, params[:reference_number],  class: "form-control" %>
   </div>
 
-  <div class="row">
-    <%= text_field_tag :title, params[:short_title], placeholder: 'short_title',  class: "form-control" %>
+  <div class="mb-3">
+    <label for="exampleFormControlInput1" class="form-label text-white">Short title</label>
+    <%= text_field_tag :title, params[:short_title], class: "form-control" %>
   </div>
 
-  <div class="row">
-    <div class="col-sm-12 p-2">
-      <%= text_field_tag :citation_finder, params[:citation_finder], class: "form-control", placeholder: "Citation Finder" %>
-    </div>
+  <div class="mb-3">
+    <label for="exampleFormControlInput1" class="form-label text-white">Citation Finder</label>
+    <%= text_field_tag :citation_finder, params[:citation_finder], class: "form-control" %>
   </div>
 
-  <div class="row">
-    <button type="submit" class="btn btn-primary">Search</button>
-    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+  <div class="d-flex justify-content-end mt-5">
+    <button  type="button" class="btn btn-success  me-2 mb-3">Refresh</button>
+    <button type="submit" class="btn btn-danger mb-3">Search</button>
   </div>
 <% end %>