diff --git a/public/css/style.css b/public/css/style.css index d2f46b7..364e0c5 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -259,21 +259,21 @@ main { border-color: var(--text); } -form[name=search] { +.suggestions { gap: 0 var(--gallery-column-gap); justify-content: center; align-items: center; } -form[name=search] input[type=submit] { +.suggestions input[type=submit] { width: 7rem; } -form[name=search] input[name=tags] { +.suggestions input[name=tags] { width: 100%; } -ul.suggestions { +.suggestions ul { position: absolute; background-color: var(--bg); @@ -285,7 +285,7 @@ ul.suggestions { list-style: none; } -ul.suggestions li { +.suggestions li { padding-left: 0.1875rem; padding-right: 0.1875rem; } diff --git a/templates/_search.html.ep b/templates/_search.html.ep index 62d081a..d687f89 100644 --- a/templates/_search.html.ep +++ b/templates/_search.html.ep @@ -2,7 +2,7 @@ <%= form_for "list_media" => name => "search", - class => "layout-flex-row" => + class => "layout-flex-row suggestions" => begin %>