From: Matt Corallo Date: Tue, 16 Jul 2024 14:46:58 +0000 (+0000) Subject: Use dropdown image from @GBKS X-Git-Url: http://git.bitcoin.ninja/index.cgi?a=commitdiff_plain;h=468966a3333e11a734e375bf0e9022826cb6f0a8;p=satsto.me Use dropdown image from @GBKS --- diff --git a/index.html b/index.html index 86739cd..2d0425a 100644 --- a/index.html +++ b/index.html @@ -83,12 +83,21 @@ background: transparent; border: none; color: white; + border-radius: 3px; /* For some reason these don't inerhit by default */ font-family: inherit; } .text-box:hover, .dropdown:hover { background-color: rgba(255, 255, 255, 0.05); } + .dropdown { + appearance: none; + background-image: url('data:image/svg+xml,'); + background-repeat: no-repeat; + background-position: calc(100% - 10px) center; + padding: 5px 30px 5px 10px; + background-size: 11px 6px; + } .text-box:focus-visible { outline: none; background-color: rgba(255, 255, 255, 0.1); @@ -194,7 +203,7 @@ border-left: 1px solid #528080; } .right-header { - padding: 20px 0 20px 0; + padding: 30px 0 0 0; } .result { height: 100%; @@ -205,10 +214,7 @@ padding: 0 30px 30px 30px; } .right-header-second-paragraph { - padding: 20px 30px 0 30px; - } - .right-header { - padding: 30px 0 20px 0; + padding: 15px 30px 15px 30px; } .text-box { font-size: 1.5em; @@ -230,13 +236,13 @@ padding: 0 15px 15px 15px; } .right-header { - padding: 15px 0 20px 0; + padding: 15px 0 0 0; } .right-header-paragraph { padding: 0 30px 20px 30px; } .right-header-second-paragraph { - padding: 20px 20px 0 20px; + padding: 10px 20px 10px 20px; } .go-button { min-width: 1.5em; } }