From 32f32426a475f359e0f990735206ff70bd99734c Mon Sep 17 00:00:00 2001
From: Chris Kankiewicz <Chris@ChrisKankiewicz.com>
Date: Wed, 30 Dec 2020 15:24:10 -0700
Subject: [PATCH] Overlay style adjustments

---
 app/resources/js/components/file-info-modal.vue | 2 +-
 app/views/layouts/app.twig                      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/resources/js/components/file-info-modal.vue b/app/resources/js/components/file-info-modal.vue
index 47ccfe2..bb7b34a 100644
--- a/app/resources/js/components/file-info-modal.vue
+++ b/app/resources/js/components/file-info-modal.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="file-info-modal" v-bind:class="this.styles" v-on:click.self="hide()"
-        class="fixed top-0 flex justify-center items-center bg-gray-800 bg-opacity-50 w-screen h-screen p-4 z-50 dark:bg-gray-600 dark:bg-opacity-50"
+        class="fixed inset-0 flex justify-center items-center bg-gray-800 bg-opacity-50 p-4 z-50 dark:bg-gray-600 dark:bg-opacity-50"
     >
         <div id="file-info-dialogue" v-show="! loading"
             class="bg-white rounded-lg shadow-lg overflow-hidden dark:bg-gray-800 dark:text-white"
diff --git a/app/views/layouts/app.twig b/app/views/layouts/app.twig
index f2c43ed..1aa31d2 100644
--- a/app/views/layouts/app.twig
+++ b/app/views/layouts/app.twig
@@ -22,7 +22,7 @@
         {% block content %}{% endblock %}
     </div>
 
-    <div class="fixed inset-0 flex flex-col justify-center items-center min-h-screen bg-gray-900 bg-opacity-90" v-show="loading">
+    <div class="fixed inset-0 flex flex-col justify-center items-center min-h-screen bg-gray-800 bg-opacity-90 p-4 z-50" v-show="loading">
         <i class="fas fa-spinner fa-pulse fa-5x text-white"></i>
     </div>
 </div>