From 576ecfc04c5c4d916c513a1c8704143c2393c596 Mon Sep 17 00:00:00 2001 From: Adam Piontek Date: Sat, 10 Jul 2021 23:03:48 -0400 Subject: [PATCH] improving styling for search button --- assets/css/app.scss | 25 +++++++++++++++++-------- 1 file changed, 17 insertions(+), 8 deletions(-) diff --git a/assets/css/app.scss b/assets/css/app.scss index 94ebf38..845540a 100644 --- a/assets/css/app.scss +++ b/assets/css/app.scss @@ -299,12 +299,21 @@ input.form-control::-ms-reveal { display: none; } .form-control::placeholder { /* Most modern browsers support this now. */ color: $gray-500 !important; } -.search-form .btn-outline-light { - color: $gray-300; - border-color: $gray-500; +.search-form { + .btn { + padding: .25rem .75rem; + &.btn-outline-light { + color: $gray-300; + border-color: $gray-500; + &:hover { + color: $primary; + background-color: inherit; + border-color: $secondary; + } + } + .icon { + font-size: 1.375rem; + margin-top: 1px; + } + } } -.search-form .btn-outline-light:hover { - color: $primary; - background-color: inherit; - border-color: $secondary; -} \ No newline at end of file