move pulldown button icon closer to text

This commit is contained in:
Mouse Reeve 2020-04-11 10:48:17 -07:00
parent 13b6a8bc19
commit 750ba550f1
2 changed files with 7 additions and 2 deletions

View file

@ -152,7 +152,7 @@ body {
box-shadow: 0 5px 10px rgba(0,0,0,0.15);
width: max-content;
border: 2px solid #247BA0;
align: left;
text-align: left;
}
.pulldown-container:hover .pulldown {
@ -184,6 +184,11 @@ div.pulldown-button button {
background-color: inherit;
color: #247BA0;
}
div.pulldown-button .pulldown-toggle {
padding: 0;
position: relative;
left: -0.5em;
}
ul.pulldown button {
display: block;

View file

@ -7,7 +7,7 @@
<input type="hidden" name="book" value="{{ book.id }}"></input>
<input type="hidden" name="shelf" value="{% shelve_button_identifier book %}"></input>
<button type="submit" style="">{% shelve_button_text book %}</button></form><div class="pulldown-container">
<button>
<button class="pulldown-toggle">
<span class="icon icon-arrow-down"><span class="hidden-text">More shelves</span></span>
</button>
<ul class="pulldown">