Quick fix for world with many maps defined

Need a better long term solution for this
This commit is contained in:
James Lyne 2021-09-01 17:53:08 +01:00
parent c1ed50f8c4
commit ca9b3ce1f4

View File

@ -90,17 +90,22 @@ export default defineComponent({
.world__maps { .world__maps {
display: flex; display: flex;
flex: 0 0 auto;
flex-wrap: wrap;
max-width: 11.1rem;
align-items: center; align-items: center;
margin-left: auto; margin-left: auto;
padding-left: 1rem; padding-left: 1rem;
padding-right: 0.2rem; padding-right: 0.2rem;
list-style: none; list-style: none;
margin-right: -0.5rem;
} }
} }
.map { .map {
width: 3.2rem; width: 3.2rem;
height: 3.2rem; height: 3.2rem;
margin-right: 0.5rem;
.svg-icon { .svg-icon {
top: 0.2rem !important; top: 0.2rem !important;
@ -110,9 +115,5 @@ export default defineComponent({
width: calc(100% - 0.4rem) !important; width: calc(100% - 0.4rem) !important;
height: auto !important; height: auto !important;
} }
& ~ .map {
margin-left: 0.5rem;
}
} }
</style> </style>