From 081bfbc6957fe7e488c06f676cd3e8334775dbc8 Mon Sep 17 00:00:00 2001
From: nicfreeman1209 <nicfreeman1209@gmail.com>
Date: Sun, 14 Feb 2021 16:14:59 +0000
Subject: [PATCH] align h/v center when maximized

---
 src/components/modals/Modal.vue          | 2 ++
 src/components/modals/ReferenceModal.vue | 1 +
 2 files changed, 3 insertions(+)

diff --git a/src/components/modals/Modal.vue b/src/components/modals/Modal.vue
index 5145640..fde2c3f 100644
--- a/src/components/modals/Modal.vue
+++ b/src/components/modals/Modal.vue
@@ -119,6 +119,8 @@ export default {
   max-height: 100%;
   display: flex;
   align-content: center;
+  align-items: center;
+  justify-content: safe center;
 }
 
 .modal-fade-enter,
diff --git a/src/components/modals/ReferenceModal.vue b/src/components/modals/ReferenceModal.vue
index 9999a30..25a9c3a 100644
--- a/src/components/modals/ReferenceModal.vue
+++ b/src/components/modals/ReferenceModal.vue
@@ -214,6 +214,7 @@ ul {
     }
   }
   &.legend {
+    width: 100%;
     font-weight: bold;
     height: 20px;
     margin-top: 10px;