maximize reference modal

& darken background, slightly compactify

-> fits into half of a 1920x1080 screen

src/components/modals/Modal.vue

@@ -48,13 +48,18 @@ export default {
   flex-direction: column;
   max-width: 60%;
 
-  .characters &,
-  .vote-history &,
-  .night-reference & {
+  .night-reference &,
+  .vote-history & {
     max-height: 80%;
     max-width: 80%;
     overflow-y: auto;
   }
+  .characters & {
+    background: rgba(0, 0, 0, 0.95);
+    max-height: 100%;
+    max-width: 100%;
+    overflow-y: auto;
+  }
 
   ul {
     list-style-type: none;

src/components/modals/ReferenceModal.vue

@@ -118,7 +118,7 @@ h4 {
   text-transform: capitalize;
   display: flex;
   align-items: center;
-  height: 20px;
+  height: 12px;
   &:before,
   &:after {
     content: " ";