diff --git a/src/app/components/floating-column/search/search.component.html b/src/app/components/floating-column/search/search.component.html index 084383f0..0fe189c8 100644 --- a/src/app/components/floating-column/search/search.component.html +++ b/src/app/components/floating-column/search/search.component.html @@ -1,9 +1,10 @@

search

-
- + +
diff --git a/src/app/components/floating-column/search/search.component.scss b/src/app/components/floating-column/search/search.component.scss index 3fba63fc..5f6dd45e 100644 --- a/src/app/components/floating-column/search/search.component.scss +++ b/src/app/components/floating-column/search/search.component.scss @@ -4,6 +4,36 @@ @import "commons"; $separator-color:$color-primary; +$button-size: 30px; + +.form-section { + overflow: auto; + width: 100%; +} + +.form-with-button { + width: calc(100% - #{$button-size}); + float: left; +} + +.form-button { + width: $button-size; + height: 29px; + border: none; + outline: none; + cursor: pointer; + background-color: $color-primary; + color: darken(white, 30); + // font-weight: bold; + + transition: all .2s; + + &:hover { + background-color: lighten($color-primary, 20); + color: white; + // transform: scale(1.2); + } +} .search-results { // outline: 1px solid greenyellow;