From af07f4f6104fd5ffc7270834ec540cd43cd5611b Mon Sep 17 00:00:00 2001
From: Joel Calado <joelcalado@gmail.com>
Date: Fri, 3 Sep 2021 08:07:17 +0100
Subject: [PATCH] tweak share website info

---
 index.html | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 664090b..b4489da 100644
--- a/index.html
+++ b/index.html
@@ -687,11 +687,15 @@
 					<input type="text" autocorrect="off" id="iframeURL" autocapitalize="none" style="margin:10px; border:2px solid; padding:10px; width:400px;" title="Enter an HTTPS URL" multiple/><br />
 					<button onclick="previewIframe(getById('iframeURL').value);" >Preview</button> 
 					<button onclick="this.innerHTML = 'Update'; session.publishIFrame(getById('iframeURL').value);" >Share</button><br />
-					<small class="iframeblob">
+					<div class="message-card info">
+						<h1>Usage information</h1>
+						<p></p>
+						<ul style="text-align: left;">
 						<li>Not all websites will work with this feature as some sites disallow embedding.</li>
 						<li>The site will try to auto-optimize standard Youtube or Twitch links.</li>
 						<li>Remote websites must be CORS/IFrame compatible with full SSL-encryption enabled.</li>
-					</small>
+					</ul>
+					</div>
 					<div id="iFramePreview" style=" width: 1280px; height: 720px; margin: auto; padding: 10px;"></div>
 				</div>
 				<div class="outer close">