fix bad button placements

This commit is contained in:
William Zhang 2017-07-07 21:11:28 -04:00
parent b203b0fff4
commit 4e2f49f864

View File

@ -45,17 +45,19 @@ nav#menu {
display: inline-flex; display: inline-flex;
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: center;
background-color: #b71c1c; background-color: #b71c1c;
box-shadow: 0 28px 79px 0 rgba(66, 129, 121, .27); box-shadow: 0 28px 79px 0 rgba(66, 129, 121, .27);
} }
a.menu-item { a.menu-item {
width: 15vw;
color: #000; color: #000;
font-size: 1em; font-size: 1em;
z-index: 10; z-index: 10;
display: inline-block; display: inline-block;
float: left; float: left;
flex-basis: calc(100vw / 4);
} }
button.menu-item { button.menu-item {
@ -70,11 +72,12 @@ button.menu-item {
} }
button.menu-item:hover { button.menu-item:hover {
color: #9E9E9E; color: #E0E0E0;
} }
button.menu-item:active { button.menu-item:active {
font-size: 1.4em; font-size: 1.4em;
color: #BDBDBD;
} }
#dome:before { #dome:before {