diff options
-rw-r--r-- | app/views/layouts/application.html.erb | 13 | ||||
-rw-r--r-- | app/webpack/src/stylesheets/application.scss | 1 |
2 files changed, 12 insertions, 2 deletions
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index a872970..cfca0af 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -70,8 +70,17 @@ </ul> <% unless @nav == :index %> - <form class="form-inline" role="search" action="<%= search_packages_path %>" method="get"> - <input class="form-control" name="q" type="text" placeholder="Find Packages" aria-label="Find Packages"> + <form class="form-inline inlinesearch" role="search" action="<%= search_packages_path %>" method="get"> + + <div class="input-group"> + + <div class="input-group-prepend"> + <span class="input-group-text" id="basic-addon1"><i class="fa fa-search" aria-hidden="true"></i></span> + </div> + + <input class="form-control" type="text" name="q" type="text" placeholder="Find Packages" aria-label="Find Packages"> + </div> + </form> <% end %> diff --git a/app/webpack/src/stylesheets/application.scss b/app/webpack/src/stylesheets/application.scss index 049b56a..135491d 100644 --- a/app/webpack/src/stylesheets/application.scss +++ b/app/webpack/src/stylesheets/application.scss @@ -1,4 +1,5 @@ @import "~@gentoo/tyrian/dist/tyrian"; +@import "~@gentoo/tyrian/dist/components/searchbars"; @import "about"; @import "arches"; |