GitLab UI buttons and input style for project graph page

app/views/projects/network/show.html.haml

@@ -5,8 +5,8 @@
   .project-network.gl-border-1.gl-border-solid.gl-border-gray-300
     .controls.gl-bg-gray-50.gl-p-2.gl-font-base.gl-text-gray-400.gl-border-b-1.gl-border-b-solid.gl-border-b-gray-300
       = form_tag project_network_path(@project, @id), method: :get, class: 'form-inline network-form' do |f|
-        = text_field_tag :extended_sha1, @options[:extended_sha1], placeholder: _("Git revision"), class: 'search-input form-control input-mx-250 search-sha'
-        = button_tag class: 'btn btn-success' do
+        = text_field_tag :extended_sha1, @options[:extended_sha1], placeholder: _("Git revision"), class: 'search-input form-control gl-form-input input-mx-250 search-sha gl-mr-2'
+        = button_tag class: 'btn gl-button btn-success btn-icon' do
           = sprite_icon('search')
         .inline.gl-ml-5
           .form-check.light

changelogs/unreleased/gl-ui-graph-page.yml

+---
+title: Apply new GitLab UI for buttons and input in the project graph page
+merge_request: 52864
+author: Yogi (@yo)
+type: other