menu style - grid layout

This commit is contained in:
Azgaar 2021-09-10 00:22:07 +03:00
parent ec66527311
commit 41c1b45b6b
3 changed files with 30 additions and 27 deletions

View file

@ -540,18 +540,10 @@ input[type="color"]::-webkit-color-swatch-wrapper {
font-weight: bold;
}
#layersContent button.presetButton {
position: absolute;
height: 2em;
.tabcontent button.sideButton {
border-radius: 15%;
margin: 1.3em 0 0 0.6em;
font-size: 0.7em;
}
#styleContent button.styleButton {
font-size: 70%;
border-radius: 15%;
margin: 0;
font-size: 0.8em;
margin-bottom: -1em;
}
#layersContent button.active,
@ -672,6 +664,17 @@ button.active {
background-color: #a8879d !important;
}
#toolsContent div {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin: 0.2em 0;
}
#toolsContent button {
padding: 0.35em 0;
margin: 0.16em 0.12em;
}
#mapLayers {
display: inline-block;
padding: 0;