From 67ad0c54b4a683a6f43bfa6890887201dca85248 Mon Sep 17 00:00:00 2001
From: Tamius Han <tamius.han@gmail.com>
Date: Sun, 10 Jan 2021 17:43:11 +0100
Subject: [PATCH] Apply some styling to the edge warning box

---
 src/popup/App.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/popup/App.vue b/src/popup/App.vue
index 6da65b6..5e677fe 100644
--- a/src/popup/App.vue
+++ b/src/popup/App.vue
@@ -20,9 +20,16 @@
         Build channel: {{BrowserDetect.processEnvChannel}}
       </div>
     </div>
-    <div v-if="BrowserDetect.isEdgeUA">
-      NOTE: please ensure your Windows and Edge have the latest updates, otherwise this extension
-      <b>WILL NOT WORK</b> on DRM-protected sites.
+    <div  v-if="BrowserDetect.isEdgeUA" style="margin: 2px 12px; border: 1px solid #fa6; color: #fa6" class="flex flex-row flex-center">
+      <div class="flex-nogrow flex-nosrhink flex flex-center" style="font-size: 2em">
+        <Icon icon="exclamation-triangle"></Icon>
+      </div>
+      <div class="flex-grow padding-right: 1em; line-height: 1">
+        <small>
+          <b>NOTE:</b> please ensure your Windows and Edge have the latest updates in order for this extension to work on DRM-protected sites.
+          If your Windows and Edge are not up to date, videos on sites like Netflix, Hulu, and Disney+ may not be aligned and cropped correctly.
+        </small>
+      </div>
     </div>
     <div 
       v-if="narrowPopup"