fix button margin for mobile UI

2023-05-01 17:54:30 +02:00
parent 4e56f70fec
commit fd6ad61923
1 changed files with 15 additions and 8 deletions
@@ -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;
-}
-</style>
+}</style>