diff --git a/source/css/compare-stores.css b/source/css/compare-stores.css index ce48e99..1f1e7a9 100644 --- a/source/css/compare-stores.css +++ b/source/css/compare-stores.css @@ -80,6 +80,7 @@ font-size: 1.5em; font-weight: bold; cursor: pointer; + white-space: nowrap; } .store { @@ -106,7 +107,6 @@ .storeTitleBar img { width: 50px; height: 50px; - /* margin-bottom: 10px; */ border-radius: 50%; } @@ -146,13 +146,15 @@ select { .store-dropdown { background-color: white; - margin-top: 2em; + margin: 2.5em 0 0 0; border: 1px solid #000000; border-radius: 0.25em; - /* padding: 0.6em 1em 0 0.3em; */ + padding: 0 0 0 0.25em; font-size: 1em; cursor: pointer; - display: grid; + display: flex; + flex-direction: row; + width: 6rem; /* grid-template-areas: "select"; */ /* align-items: center; */ } @@ -166,9 +168,10 @@ store-dropdown, content: ""; width: 0.8em; height: 0.5em; + padding: 0; + margin: 0.5em 0.25em; background-color: #777; clip-path: polygon(100% 0%, 0 0%, 50% 100%); - grid-area: ; 2 } .store-select { @@ -197,7 +200,8 @@ store-dropdown, } .delete-store-btn:hover { - background-color: darkred; + background-color: rgba(139, 0, 0, 0.5); + } .storeItems { @@ -205,8 +209,8 @@ store-dropdown, padding: 0 1em 5em 1em; background-color: #ffffff; border-radius: 10px; - max-height: 315px; - min-height: 315px; + max-height: 52.5vh; + min-height: 52.5vh; overflow-y: scroll; } @@ -236,7 +240,7 @@ store-dropdown, justify-content: space-between; padding: 10px; margin-top: 10px; - background-color: #272d32; + background-color: rgba(56, 64, 71, 0.85); border-radius: 10px; font-weight: bold; font-size: 16px; @@ -244,5 +248,5 @@ store-dropdown, .subtotal-price, .total-price { - color: #ffffff; + color: #fbf7f5; } diff --git a/source/css/make-list.css b/source/css/make-list.css index ee37b6f..8a631bc 100644 --- a/source/css/make-list.css +++ b/source/css/make-list.css @@ -55,8 +55,7 @@ } .menuBTN:hover { - background-color: #719150; - opacity: 70%; + background-color: rgba(113, 145, 80, 0.75); } .menuBTN:focus:not(:focus-visible):not(.focus-visible) {