menu tweak

This commit is contained in:
Ali Gator 2022-12-04 16:45:40 +01:00
parent 71b046cbf6
commit d000641ea5
1 changed files with 20 additions and 6 deletions

View File

@ -26,8 +26,8 @@
font-size: medium;
padding: 10px;
cursor: pointer;
border-bottom: 1px solid darkgrey;
border-top: 1px solid darkgrey;
border-bottom: 1px solid var(--dark3);
border-top: 1px solid var(--dark3);
margin: 0 0 10px 0;
}
@ -73,19 +73,33 @@
@media screen and (max-width: 800px) {
.menu-row {
/* position: static; */
padding: 0 10px;
margin: 0 auto;
width: 100%;
}
.menu-row h2,
.form-field {
margin: 0;
}
.menu-row h2 {
border-bottom: 1px solid var(--dark3);
border-top: none;
}
.form-field {
padding: 10px;
}
.menu-row:active .menu-row-content {
display: flex;
flex-direction: column;
height: 100%;
}
.menu-row-content {
position: relative;
width: 100%;
/* display: flex; */
flex-direction: column;
}
}
</style>