From fd6ad61923486e7fec857d05b49b4e9e9c6487c1 Mon Sep 17 00:00:00 2001 From: legonzaur Date: Mon, 1 May 2023 17:54:30 +0200 Subject: [PATCH] fix button margin for mobile UI --- src/views/PlayerView.vue | 23 +++++++++++++++-------- 1 file changed, 15 insertions(+), 8 deletions(-) diff --git a/src/views/PlayerView.vue b/src/views/PlayerView.vue index af23176..2894628 100644 --- a/src/views/PlayerView.vue +++ b/src/views/PlayerView.vue @@ -149,10 +149,12 @@ export default defineComponent({ .multiselect { margin: 0 .5em 1em .5em; } -.multiselect-wrapper{ + +.multiselect-wrapper { display: flex; } -.multiselect-wrapper button{ + +.multiselect-wrapper button { margin: 0 0 1em 0; font-size: 16px; } @@ -183,18 +185,23 @@ export default defineComponent({ margin: 0 0rem 1rem 1rem; } + .multiselect-wrapper button { + margin: 0 .5em 1em 0; + } + .multiselect { width: calc(100% - 1em) } - .playerChart{ - display:none; + + .playerChart { + display: none; } - .weaponChart{ - display:none; + + .weaponChart { + display: none; } } #filters { grid-area: filters; -} - +}