From c102c2bc63eb5029364f588ab5699b7914e60180 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Mon, 22 Mar 2021 22:34:50 +0100
Subject: [PATCH] Add style inside tag (not inline) (#684)

---
 packages/extension/public/index.html | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/packages/extension/public/index.html b/packages/extension/public/index.html
index 02a01576..e265dde1 100644
--- a/packages/extension/public/index.html
+++ b/packages/extension/public/index.html
@@ -4,9 +4,27 @@
     <meta charset="utf-8">
     <title>polkadot{.js}</title>
     <link href="fonts/fonts.css" rel="stylesheet">
+    <style type="text/css">
+      body {
+        height: 600px;
+        margin: 0;
+        overflow-x: hidden;
+        text-align: center;
+      }
+
+      div#root {
+        box-sizing: border-box;
+        height: calc(100vh - 2px);
+        margin: 0 auto;
+        max-width: 100%;
+        padding: 0;
+        text-align: left;
+        width: 560px;
+      }
+    </style>
   </head>
-  <body style="height: 600px; margin:0; overflow-x:hidden; text-align:center">
-    <div id="root" style="box-sizing:border-box; margin:0 auto; padding:0; text-align:left; width:560px; height: calc(100vh - 2px); max-width: 100%;"></div>
+  <body>
+    <div id="root"></div>
     <script src='./extension.js'></script>
   </body>
 </html>