diff --git a/src/styles/filters.scss b/src/styles/filters.scss index bff05b5..3ee535e 100644 --- a/src/styles/filters.scss +++ b/src/styles/filters.scss @@ -27,23 +27,13 @@ select { background: white; + background-image: url("/images/chevron-down.png"); + background-position: 96% 60%; + background-repeat: no-repeat; + background-size: 14px 9px; box-sizing: border-box; display: inline-block; padding: 0.5em 12.5em 0.5em 1em; - - background-image: - linear-gradient(45deg, transparent 50%, $color-grey 50%), - linear-gradient(135deg, $color-grey 50%, transparent 50%), - linear-gradient(to right, white, white); - background-position: - calc(100% - 20px) calc(1em + 2px), - calc(100% - 15px) calc(1em + 2px), - calc(100% - 2.5em) 0.5em; - background-repeat: no-repeat; - background-size: - 5px 6px, - 5px 6px, - 1px 1.5em; } sib-form-label-text { diff --git a/src/styles/members.scss b/src/styles/members.scss index eb49199..11c9345 100644 --- a/src/styles/members.scss +++ b/src/styles/members.scss @@ -130,14 +130,22 @@ grid-row-end: middle; } > div { + background: violet; grid-column-start: start; grid-column-end: end; - grid-row-start: middle; + margin-bottom: 1em; + /*grid-row-start: middle; grid-row-end: end; display: grid; - margin-top: 1em; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); - grid-gap: 1em; + grid-gap: 1em;*/ + display: flex; + justify-content: space-between; + + &:first-of-type { + background: aquamarine; + justify-content: center; + } } } diff --git a/www/images/chevron-down.png b/www/images/chevron-down.png new file mode 100644 index 0000000..0abdcdb Binary files /dev/null and b/www/images/chevron-down.png differ