From a001377a12988567664d146903426b8a0f3d3b4b Mon Sep 17 00:00:00 2001
From: "Scott E. Graves" <scott.e.graves@gmail.com>
Date: Fri, 17 Feb 2017 12:58:29 -0600
Subject: [PATCH] Refactoring

---
 SiaDrive/SiaDrive.htm | 56 ++++++++++++++++++++-----------------------
 1 file changed, 26 insertions(+), 30 deletions(-)
diff --git a/SiaDrive/SiaDrive.htm b/SiaDrive/SiaDrive.htm
index 652858b..a26d904 100644
--- a/SiaDrive/SiaDrive.htm
+++ b/SiaDrive/SiaDrive.htm
@@ -1,6 +1,7 @@
-<HTML>
-    <HEAD>
-        <meta http-equiv="X-UA-Compatible" content="IE=10" />
+<html>
+    <head>
+        <title>Sia Drive</title>
+        <meta http-equiv="X-UA-Compatible" content="IE=11" />
         <style>
             body {
                 background-color: lightgray;
@@ -63,11 +64,9 @@
                 background-color: rgba(0, 0, 0, 0.5);
             }
         </style>
-    </HEAD>
-    <BODY id="CSiaDriveDlg">
-        <div id="ID_DisabledOverlay" class="disabled_overlay" style="top: 0;left: 0;">
-
-        </div>
+    </head>
+    <body id="CSiaDriveDlg">
+        <div id="ID_DisabledOverlay" class="disabled_overlay" style="top: 0;left: 0;"></div>
         <div id="ID_Body">
             <div class="fill">
                 <h3>Sia Information</h3>
@@ -105,59 +104,56 @@
 
             </div>
 
-            <div id="exit_window" style="display: none" align="center">
-                <BUTTON STYLE="WIDTH: 100px" ID="ExitYes">Yes</BUTTON>&nbsp;<BUTTON STYLE="WIDTH: 100px" ID="ExitNo">No</BUTTON>
+            <div id="exit_window" style="display: none;">
+                <button style="width: 100px" id="ExitYes">Yes</button>&nbsp;<button style="width: 100px" id="ExitNo">No</button>
             </div>
 
             <div id="create_wallet" style="display: none" class="fill">
                 <h3>Create New Wallet</h3>
                 <p>Click 'Create' to create a new Sia wallet or exit the application if this is not what you want to do.</p>
-                <button ID="CreateWalletButton">Create</button>
+                <button id="CreateWalletButton">Create</button>
             </div>
 
             <div id="unlock_wallet" style="display: none" class="fill">
                 <h3>Unlock Wallet</h3>
                 <p>Enter wallet password and click 'Unlock' to continue.</p>
                 <input type="password" id="ID_WalletUnlockPwd" style="width: inherit"/><br/><br/>
-                <button ID="UnlockWalletButton">Unlock</button>
+                <button id="UnlockWalletButton">Unlock</button>
             </div>
 
             <div id="disp_wallet_seed" style="display: none" class="fill">
                 <h3>Wallet Created</h3>
                 <p>Please save the following seed. You will need this to unlock and/or restore your wallet. Click 'Done' once you've backed-up your seed.</p>
-                <textarea rows=4 cols=60 width="100%" id="WalletCreatedSeed"></textarea><br/><br/>
-                <button ID="ConfirmSeedButton">Done</button>
+                <textarea rows=4 cols=60 style="width: 100%" id="WalletCreatedSeed"></textarea><br/><br/>
+                <button id="ConfirmSeedButton">Done</button>
             </div>
 
             <div id="tab_view" style="display: none" class="fill">
                 <h3>Receive Address</h3>
                 <label id="ID_WalletReceiveAddress"></label><br/><br/>
-                <TABLE class="fill">
-                    <TR>
-                        <TD ALIGN=CENTER VALIGN=TOP>
+                <table class="fill">
+                    <tr>
+                        <td style="text-align: center; vertical-align: top">
                             <select id="MountDrives"></select>
                             <input id="MountButton" type="button" value="Mount"/>
                             <input id="wallet_btn" type="button" value="Wallet" />
                             <input id="host_btn" type="button" value="Host" />
-                        </TD>
-                    </TR>
-                    <tr align="center" valign="top">
-                    
+                        </td>
                     </tr>
-                </TABLE>
+                </table>
             </div>
 
             <div class="footer">
                 <table class="fill">
-                    <TR>
-                        <TD ALIGN=RIGHT VALIGN=BOTTOM>
-                            <BUTTON STYLE="WIDTH: 100px" ID="ButtonOK">OK</BUTTON>
-                            <BUTTON STYLE="WIDTH: 100px" ID="ButtonCancel">Exit</BUTTON>
-                        </TD>
-                    </TR>
+                    <tr>
+                        <td style="text-align: right; vertical-align: bottom">
+                            <button style="width: 100px" id="ButtonOK">OK</button>
+                            <button style="width: 100px" id="ButtonCancel">Exit</button>
+                        </td>
+                    </tr>
                 </table>
             </div>
         </div>
         <script src="res:/JS/#136" type="text/javascript"></script>
-    </BODY>
-</HTML>
+    </body>
+</html>
