Center pulldown button and minor visual tweaks

This commit is contained in:
Mouse Reeve 2020-04-11 10:54:58 -07:00
parent 750ba550f1
commit f4d8915b90

View file

@ -137,6 +137,7 @@ body {
padding-right: 1em; padding-right: 1em;
} }
/* pulldown */
.pulldown-container { .pulldown-container {
position: relative; position: relative;
display: inline; display: inline;
@ -151,8 +152,8 @@ body {
right: 0; right: 0;
box-shadow: 0 5px 10px rgba(0,0,0,0.15); box-shadow: 0 5px 10px rgba(0,0,0,0.15);
width: max-content; width: max-content;
border: 2px solid #247BA0;
text-align: left; text-align: left;
z-index: 1;
} }
.pulldown-container:hover .pulldown { .pulldown-container:hover .pulldown {
@ -170,6 +171,7 @@ div.pulldown-button {
border-radius: 0.3em; border-radius: 0.3em;
color: #247BA0; color: #247BA0;
width: max-content; width: max-content;
margin: 0 auto;
white-space: nowrap; white-space: nowrap;
} }
@ -185,7 +187,8 @@ div.pulldown-button button {
color: #247BA0; color: #247BA0;
} }
div.pulldown-button .pulldown-toggle { div.pulldown-button .pulldown-toggle {
padding: 0; padding-right: 0;
padding-left: 0;
position: relative; position: relative;
left: -0.5em; left: -0.5em;
} }