]> git.bitcoin.ninja Git - satsto.me/commitdiff
Update go button `viewBox` to ensure we can never clip
authorMatt Corallo <git@bluematt.me>
Fri, 6 Sep 2024 14:36:31 +0000 (14:36 +0000)
committerMatt Corallo <git@bluematt.me>
Fri, 6 Sep 2024 14:36:31 +0000 (14:36 +0000)
The current go button svg `viewBox` can clip as it results in an
image a few % larger than the containing box. This is fine as long
as the containing box has some extra padding, but in the next
commit we're gonna change that so we need a slightly smaller image.

index.html

index 0068eba2013ff7a4b2ef8c626f32a29bb738d2a4..0c990daae1be758d89e130170e1318d69ff493e9 100644 (file)
                                        font-size: 1.5em;
                                }
                                .bitcoin { font-size: 1.5em; }
-                               .go-button { min-width: 2em; }
+                               .go-button { min-width: 2.1em; }
                                .dropdown {
                                        font-size: 17px;
                                }
                                .right-header-second-paragraph {
                                        padding: 10px 20px 10px 20px;
                                }
-                               .go-button { min-width: 1.5em; }
+                               .go-button { min-width: 1.6em; }
                        }
                </style>
                <title>BIP 353 Human Readable Names Resolver</title>
                                        <span class="bitcoin fill-fixed">₿</span>
                                        <input class="fill-use-remaining text-box" type="text" id="address" value="send.some@satsto.me"/>
                                        <!-- SVG from bootstrap icons, Copyright (c) 2019-2024 The Bootstrap Authors, MIT License -->
-                                       <svg onclick="lookup_domain()" id="paybutton" xmlns="http://www.w3.org/2000/svg" fill="white" class="go-button go-button-disabled fill-fixed" viewBox="0 0 16 16">
+                                       <svg onclick="lookup_domain()" id="paybutton" xmlns="http://www.w3.org/2000/svg" fill="white" class="go-button go-button-disabled fill-fixed" viewBox="0 0 17 17">
                                                <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0M4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5z"/>
                                        </svg>
                                </div>