some sponsor button positioning fixes
All checks were successful
Web/pipeline/head This commit looks good

This commit is contained in:
Ell 2020-11-29 20:49:13 +01:00
parent c89c311bcb
commit 1aa98dadf8
3 changed files with 11 additions and 2 deletions

View file

@ -32,7 +32,7 @@
<div id="sidebar"> <div id="sidebar">
<!-- Sponsor buttons --> <!-- Sponsor buttons -->
<div class="sellout"> <div class="sellout">
<iframe src="https://github.com/sponsors/Ellpeck/button" title="Sponsor Ellpeck" height="35" width="116" style="border: 0;"></iframe> <iframe src="https://github.com/sponsors/Ellpeck/button" title="Sponsor Ellpeck" height="32" width="116" style="border: 0;"></iframe>
<a href="https://www.patreon.com/bePatron?u=2494595" data-patreon-widget-type="become-patron-button"></a> <a href="https://www.patreon.com/bePatron?u=2494595" data-patreon-widget-type="become-patron-button"></a>
<script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script> <script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
</div> </div>

View file

@ -98,7 +98,7 @@
<!-- Sponsor buttons --> <!-- Sponsor buttons -->
<div class="sellout"> <div class="sellout">
<iframe src="https://github.com/sponsors/Ellpeck/button" title="Sponsor Ellpeck" height="35" width="116" style="border: 0; margin-right: 10px;"></iframe> <iframe src="https://github.com/sponsors/Ellpeck/button" title="Sponsor Ellpeck" height="32" width="116" style="border: 0; margin-right: 10px;"></iframe>
<a href="https://www.patreon.com/bePatron?u=2494595" data-patreon-widget-type="become-patron-button"></a> <a href="https://www.patreon.com/bePatron?u=2494595" data-patreon-widget-type="become-patron-button"></a>
<script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script> <script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
</div> </div>

View file

@ -225,6 +225,15 @@ blockquote {
right: auto; right: auto;
top: auto; top: auto;
} }
.sellout {
flex-direction: column;
max-height: none;
}
.sellout iframe {
margin-bottom: 10px;
}
} }
@media (max-width: 510px) { @media (max-width: 510px) {