diff --git a/src/components/modals/Modal.vue b/src/components/modals/Modal.vue
index fb4f635..3a6d932 100644
--- a/src/components/modals/Modal.vue
+++ b/src/components/modals/Modal.vue
@@ -21,7 +21,9 @@
icon="times-circle"
/>
-
+
+
+
@@ -83,10 +85,11 @@ export default {
justify-content: center;
line-height: 100%;
}
+
> .top-right-buttons {
position: absolute;
z-index: 100;
- top: 20px;
+ top: 15px;
right: 20px;
> .top-right-button {
cursor: pointer;
@@ -96,6 +99,11 @@ export default {
}
}
}
+
+ > .slot {
+ max-height: 100%;
+ position: initial;
+ }
}
.maximized {
@@ -107,7 +115,7 @@ export default {
max-height: 100%;
display: flex;
align-content: center;
- justify-content: safe center;
+ justify-content: center;
}
.modal-fade-enter,
diff --git a/src/components/modals/NightOrderModal.vue b/src/components/modals/NightOrderModal.vue
index a572cfa..de7a879 100644
--- a/src/components/modals/NightOrderModal.vue
+++ b/src/components/modals/NightOrderModal.vue
@@ -157,7 +157,7 @@ export default {
.toggle {
position: absolute;
left: 20px;
- top: 20px;
+ top: 15px;
cursor: pointer;
&:hover {
color: red;
diff --git a/src/components/modals/ReferenceModal.vue b/src/components/modals/ReferenceModal.vue
index 393dd42..9ddbc7b 100644
--- a/src/components/modals/ReferenceModal.vue
+++ b/src/components/modals/ReferenceModal.vue
@@ -95,7 +95,7 @@ export default {
.toggle {
position: absolute;
left: 20px;
- top: 20px;
+ top: 15px;
cursor: pointer;
&:hover {
color: red;
diff --git a/src/components/modals/VoteHistoryModal.vue b/src/components/modals/VoteHistoryModal.vue
index bf6331a..95eeaa8 100644
--- a/src/components/modals/VoteHistoryModal.vue
+++ b/src/components/modals/VoteHistoryModal.vue
@@ -91,7 +91,7 @@ export default {
.clear {
position: absolute;
left: 20px;
- top: 20px;
+ top: 15px;
cursor: pointer;
&:hover {
color: red;