minor requested changes

src/components/modals/Modal.vue

@@ -10,7 +10,7 @@
         @click.stop=""
       >
         <font-awesome-icon
-          @click="toggleMaximized"
+          @click="isMaximized = !isMaximized"
           class="maximize-toggle"
           icon="window-maximize"
         />
@@ -31,9 +31,6 @@ export default {
   methods: {
     close() {
       this.$emit("close");
-    },
-    toggleMaximized() {
-      this.isMaximized = !this.isMaximized;
     }
   }
 };
@@ -73,7 +70,7 @@ export default {
     justify-content: center;
     line-height: 100%;
   }
-  .close {
+  > .close {
     position: absolute;
     right: 20px;
     top: 20px;

src/components/modals/NightOrderModal.vue

@@ -7,7 +7,7 @@
     <font-awesome-icon
       @click="toggleModal('reference')"
       icon="address-card"
-      class="toggle-reference"
+      class="toggle"
       title="Show Character Reference"
     />
     <h3>
@@ -154,7 +154,7 @@ export default {
 <style lang="scss" scoped>
 @import "../../vars.scss";
 
-.toggle-reference {
+.toggle {
   position: absolute;
   left: 20px;
   top: 20px;

src/components/modals/ReferenceModal.vue

@@ -7,7 +7,7 @@
     <font-awesome-icon
       @click="toggleModal('nightOrder')"
       icon="cloud-moon"
-      class="nightorder-toggle"
+      class="toggle"
       title="Show Night Order"
     />
     <h3>
@@ -56,9 +56,6 @@ export default {
   components: {
     Modal
   },
-  mounted: function() {
-    this.$children[0].isMaximized = true;
-  },
   computed: {
     rolesGrouped: function() {
       const rolesGrouped = {};
@@ -95,7 +92,7 @@ export default {
 <style lang="scss" scoped>
 @import "../../vars.scss";
 
-.nightorder-toggle {
+.toggle {
   position: absolute;
   left: 20px;
   top: 20px;
@@ -116,7 +113,7 @@ h4 {
   text-transform: capitalize;
   display: flex;
   align-items: center;
-  height: 12px;
+  height: 20px;
   &:before,
   &:after {
     content: " ";