From 72e0ae1560bd0b16a29bc9dc7be2cb2620980d14 Mon Sep 17 00:00:00 2001
From: zefie <zefie@zefie.net>
Date: Tue, 9 Nov 2021 22:52:33 -0500
Subject: [PATCH] Fix Setup page formatting

---
 .../wtv-setup/adjust-brightness.js            | 19 ++++++-
 .../ServiceVault/wtv-setup/adjust-contrast.js | 19 ++++++-
 .../wtv-setup/adjust-display-intro.js         | 19 ++++++-
 .../wtv-setup/adjust-sharpness.js             | 19 ++++++-
 .../ServiceVault/wtv-setup/center-display.js  | 19 ++++++-
 .../ServiceVault/wtv-setup/choose-bg-songs.js | 32 ++++++++---
 .../ServiceVault/wtv-setup/keyboard.js        | 19 ++++++-
 .../ServiceVault/wtv-setup/mail-signature.js  | 25 +++++++--
 .../ServiceVault/wtv-setup/mail.js            | 26 ++++++---
 .../ServiceVault/wtv-setup/phone-advanced.js  | 19 ++++++-
 .../ServiceVault/wtv-setup/phone-basic.js     | 19 ++++++-
 .../wtv-setup/phone-call-waiting.js           | 23 ++++++--
 .../ServiceVault/wtv-setup/phone-reset.js     | 19 ++++++-
 .../ServiceVault/wtv-setup/phone.js           | 23 ++++++--
 .../ServiceVault/wtv-setup/screen-border.js   |  4 +-
 .../ServiceVault/wtv-setup/screen.js          | 21 +++++--
 .../ServiceVault/wtv-setup/set-bg.js          | 55 ++++++++++++++-----
 .../ServiceVault/wtv-setup/setup.js           | 10 ++--
 .../ServiceVault/wtv-setup/sound.js           | 22 ++++++--
 .../ServiceVault/wtv-setup/text.js            | 23 ++++++--
 20 files changed, 340 insertions(+), 95 deletions(-)

diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-brightness.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-brightness.js
index a25c7407..938e8f52 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-brightness.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-brightness.js
@@ -55,9 +55,22 @@ hspace=0 vspace=0>
 Brightness
 </table>
 <td abswidth=20>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
 <TR>
 <td>
 <td WIDTH=198 HEIGHT=244 VALIGN=top ALIGN=left>
+<spacer type=block height=24 width=1>
 Adjust the <i>brightness</i> 
 control all the way up.
 <p>Slowly turn down the <i>brightness</i> 
@@ -77,17 +90,17 @@ is barely visible.
 <TD>
 <TR>
 <TD>
-<TD COLSPAN=4 HEIGHT=7 VALIGN=top ALIGN=left>
+<TD COLSPAN=4 HEIGHT=3 VALIGN=top ALIGN=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <img src="wtv-home:/ROMCache/Spacer.gif" width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <img src="wtv-home:/ROMCache/Spacer.gif" width=436 height=1>
 <TR>
 <TD>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-contrast.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-contrast.js
index e19f1af6..33f3faef 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-contrast.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-contrast.js
@@ -55,9 +55,22 @@ Contrast or picture
 Contrast or picture
 </table>
 <td abswidth=20>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
 <TR>
 <td>
 <td WIDTH=198 HEIGHT=236 VALIGN=top ALIGN=left>
+<spacer type=block height=2 width=1>
 <p>Start with your TV's 
 <i>contrast</i> or <i>picture</i> 
 at a medium setting.
@@ -76,17 +89,17 @@ seems to bend, try lowering your TV's
 </table>
 <TR>
 <TD>
-<TD COLSPAN=4 HEIGHT=14 VALIGN=top ALIGN=left>
+<TD COLSPAN=4 HEIGHT=10 VALIGN=top ALIGN=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <spacer type=block width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <spacer type=block width=436 height=1>
 <TR>
 <TD>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-display-intro.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-display-intro.js
index 93b032c4..c42dbed4 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-display-intro.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-display-intro.js
@@ -55,9 +55,22 @@ Adjusting your TV
 Adjusting your TV
 </table>
 <td abswidth=20>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
 <TR>
 <td>
 <td WIDTH=198 HEIGHT=236 VALIGN=top ALIGN=left>
+<spacer type=block height=2 width=1>
 <p>These pages provide 
 instructions to help you 
 adjust your television's 
@@ -76,17 +89,17 @@ Web pages on your TV.
 </table>
 <TR>
 <TD>
-<TD COLSPAN=4 HEIGHT=14 VALIGN=top ALIGN=left>
+<TD COLSPAN=4 HEIGHT=10 VALIGN=top ALIGN=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <spacer type=block width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <spacer type=block width=436 height=1>
 <TR>
 <TD>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-sharpness.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-sharpness.js
index c66e5884..2a92d23a 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-sharpness.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/adjust-sharpness.js
@@ -55,9 +55,22 @@ hspace=0 vspace=0>
 Sharpness or detail
 </table>
 <td abswidth=20>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
 <TR>
 <td>
 <td WIDTH=198 HEIGHT=244 VALIGN=top ALIGN=left>
+<spacer type=block height=24 width=1>
 If your TV has a <i>sharpness</i> 
 or <i>detail</i> control:
 <p>Start with the <i>sharpness</i> 
@@ -79,17 +92,17 @@ looks clearest to you.
 <TD>
 <TR>
 <TD>
-<TD COLSPAN=4 HEIGHT=7 VALIGN=top ALIGN=left>
+<TD COLSPAN=4 HEIGHT=3 VALIGN=top ALIGN=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <img src="wtv-home:/ROMCache/Spacer.gif" width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <img src="wtv-home:/ROMCache/Spacer.gif" width=436 height=1>
 <TR>
 <TD>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/center-display.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/center-display.js
index 4f99ba38..75f506b0 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/center-display.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/center-display.js
@@ -55,9 +55,22 @@ hspace=0 vspace=0>
 Center the screen
 </table>
 <td abswidth=20>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
 <TR>
 <td>
 <td WIDTH=198 HEIGHT=244 VALIGN=top ALIGN=left>
+<spacer type=block height=24 width=1>
 You can adjust the position of WebTV pages on your screen using these arrows. This is useful if WebTV looks off-center on your television.
 <TD WIDTH=20>
 <TD WIDTH=198 VALIGN=top ALIGN=left>
@@ -81,17 +94,17 @@ You can adjust the position of WebTV pages on your screen using these arrows. Th
 <TD>
 <TR>
 <TD>
-<TD COLSPAN=4 HEIGHT=7 VALIGN=top ALIGN=left>
+<TD COLSPAN=4 HEIGHT=2 VALIGN=top ALIGN=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <img src="wtv-home:/ROMCache/Spacer.gif" width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <img src="wtv-home:/ROMCache/Spacer.gif" width=436 height=1>
 <TR>
 <TD>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/choose-bg-songs.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/choose-bg-songs.js
index d3f04a7b..e5f714b4 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/choose-bg-songs.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/choose-bg-songs.js
@@ -54,19 +54,33 @@ Background music styles
 </td><td colspan="3">
 <table cellspacing="0" cellpadding="0">
 <tbody><tr>
-${(categories.length > 14) ? '<td absheight="50" valign="center">' : '<td absheight="80" valign="center">'}
+<td absheight="80" valign="center">
 <font size="+2" color="E7CE4A"><blackface><shadow>
 Background music styles
-</shadow></blackface></font></td></tr><tr><td>
-Choose the styles you'd like to hear. 
+</shadow></blackface></font>
+${(categories.length > 14) ? '<br><font size="-2">' : '<br>'}
+Choose the styles you'd like to hear. <br>
 Choose a style name to see the songs for that style.
-</td></tr><tr>
-<td height="15">
+${(categories.length > 14) ? '</font>' : ''}
+</td></tr>
+<td height="0">
 </form></td></tr></tbody></table>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+
 </td><td abswidth="20">
 </td></tr><tr>
-<td>
-</td><td width="198" valign="top" height="196" align="left">
+<td colspan=4 height=8 width=1></td><tr><td>
+</td><td width="198" valign="top" height="238" align="left">
 <form action="/validate-bg-song-category">
 <input type="hidden" autosubmit="onLeave">
 `;
@@ -97,14 +111,14 @@ data += `
 </td><td colspan="4" valign="top" height="0" align="left">
 </td></tr><tr>
 <td>
-</td><td colspan="4" valign="middle" height="2" bgcolor="2B2B2B" align="center">
+</td><td colspan="3" valign="middle" height="2" bgcolor="2B2B2B" align="center">
 <img src="wtv-home:/ROMCache/Spacer.gif" width="436" height="1">
 </td></tr><tr>
 <td>
 </td><td colspan="4" valign="top" height="1" align="left">
 </td></tr><tr>
 <td>
-</td><td colspan="4" valign="top" height="2" bgcolor="0D0D0D" align="left">
+</td><td colspan="3" valign="top" height="2" bgcolor="0D0D0D" align="left">
 <img src="wtv-home:/ROMCache/Spacer.gif" width="436" height="1">
 </td></tr><tr>
 <td>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/keyboard.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/keyboard.js
index 1faa226e..69e48563 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/keyboard.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/keyboard.js
@@ -56,9 +56,22 @@ Keyboard settings
 Keyboard
 </table>
 <td abswidth=20>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
+<tr><td colspan=4 height=8></td></tr>
 <TR>
 <td>
-<td WIDTH=198 HEIGHT=250 VALIGN=top ALIGN=left>
+<td WIDTH=198 HEIGHT=238 VALIGN=top ALIGN=left>
 <table cellspacing=0 cellpadding=0>
 <tr>
 <td absheight=195 valign=top>
@@ -107,14 +120,14 @@ if (kbvalue == "alphabetical") {
 <TD COLSPAN=4 HEIGHT=0 VALIGN=top ALIGN=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <spacer type=block width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <spacer type=block width=436 height=1>
 <TR>
 <TD>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/mail-signature.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/mail-signature.js
index 6d03c32d..e9f2e848 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/mail-signature.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/mail-signature.js
@@ -53,13 +53,26 @@ Mail signature setup
 Mail signature
 </table>
 <td abswidth=20>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
 <TR>
 <td>
-<td colspan=2 WIDTH=416 HEIGHT=118 VALIGN=top ALIGN=left>
+<td colspan=3 WIDTH=416 HEIGHT=98 VALIGN=top ALIGN=left>
+<spacer type=block height=24 width=1>
 Type a short text <B>signature</B> here and it will be added to the end of each mail message you send.
 <TR>
 <TD>
-<TD colspan=2 WIDTH=416 HEIGHT=118 VALIGN=top ALIGN=left>
+<TD colspan=3 WIDTH=416 HEIGHT=118 VALIGN=top ALIGN=left>
 <FORM method="POST" action="/validate-mail-signature">
 <INPUT type=hidden autosubmit=onleave>
 <TEXTAREA name="mail_signature"
@@ -67,7 +80,7 @@ action="/validate-mail-signature"
 selected
 bgcolor="#191919" text="#44cc55"
 cursor=#cc9933
-cols=45 rows=4
+cols=45 rows=5
 autoactivate
 nosoftbreaks
 maxlength=4096
@@ -75,17 +88,17 @@ font=proportional>${ssid_sessions[socket.ssid].getSessionData("subscriber_signat
 </FORM>
 <TR>
 <TD>
-<TD COLSPAN=4 HEIGHT=7 VALIGN=top ALIGN=left>
+<TD COLSPAN=4 HEIGHT=30 VALIGN=top ALIGN=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <img src="wtv-home:/ROMCache/Spacer.gif" width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <img src="wtv-home:/ROMCache/Spacer.gif" width=436 height=1>
 <TR>
 <TD>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/mail.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/mail.js
index 1cc89b4a..abda916f 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/mail.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/mail.js
@@ -57,12 +57,22 @@ Mail settings
 <td abswidth=20>
 <TR>
 <td>
-
-
-
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
 <tr>
 <td>
 <td WIDTH=198 HEIGHT=206 VALIGN=top ALIGN=left>
+<spacer type=block height=24 width=1>
 <!--
 <A HREF="JavaScript:alert('This feature is not available.')" selected><BLACKFACE>Extras</BLACKFACE></A><BR>
 <FONT SIZE="-1">Additional features for storing, addressing, and replying to mail</FONT><BR>
@@ -94,22 +104,22 @@ Mail settings
 <TD>
 <TD COLSPAN=4 HEIGHT=9 VALIGN=top ALIGN=left>
 <!-- remove later -->
-<spacer type=block WIDTH=1 HEIGHT=44>
+<spacer type=block WIDTH=1 HEIGHT=40>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <!-- <spacer type=block width=436 height=1> -->
 <spacer type=block width=456 height=1>
 <tr>
 <TD>
-<td colspan=4 height=1 valign=top align=left>
+<td colspan=3 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <spacer type=block width=436 height=1>
 <TR>
 <TD>
-<TD COLSPAN=4 HEIGHT=4 VALIGN=top ALIGN=left>
+<TD COLSPAN=3 HEIGHT=4 VALIGN=top ALIGN=left>
 <TR>
 <TD>
 <TD COLSPAN=2 VALIGN=top ALIGN=left>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-advanced.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-advanced.js
index 7537d17b..0319df38 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-advanced.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-advanced.js
@@ -55,9 +55,22 @@ Advanced dialing options
 Advanced dialing options
 </table>
 <td abswidth=20>
+<tr>
+<TD>
+<td colspan=3 height=2 abswidth=300 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
+<tr><td colspan=4 height=10></td></tr>
 <TR>
 <td>
-<td WIDTH=198 HEIGHT=250 VALIGN=top ALIGN=left>
+<td WIDTH=198 HEIGHT=236 VALIGN=top ALIGN=left>
 <table cellspacing=0 cellpadding=0>
 <tr><td absheight=70 valign=top>
 <font size=-1>If you have voice mail service, try turning this option off.
@@ -115,14 +128,14 @@ Fast
 <TD COLSPAN=4 HEIGHT=0 VALIGN=top ALIGN=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <spacer type=block width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <spacer type=block width=436 height=1>
 <TR>
 <TD>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-basic.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-basic.js
index 144e863c..6c728952 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-basic.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-basic.js
@@ -55,9 +55,22 @@ Dialing options
 Dialing options
 </table>
 <td abswidth=20>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
+<tr><td colspan=4 height=10></td></tr>
 <TR>
 <td>
-<td WIDTH=198 HEIGHT=250 VALIGN=top ALIGN=left>
+<td WIDTH=198 HEIGHT=236 VALIGN=top ALIGN=left>
 <table cellspacing=0 cellpadding=0>
 <tr>
 <td absheight=127 valign=top>
@@ -100,14 +113,14 @@ Prefix:
 <TD COLSPAN=4 HEIGHT=0 VALIGN=top ALIGN=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <spacer type=block width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <spacer type=block width=436 height=1>
 <TR>
 <TD>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-call-waiting.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-call-waiting.js
index fe33afdf..5f9781af 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-call-waiting.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-call-waiting.js
@@ -55,16 +55,29 @@ Call waiting options
 Call waiting options
 </table>
 <td abswidth=20>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
+<tr><td colspan=4 height=10></td></tr>
 <TR>
 <td>
 <td WIDTH=198 HEIGHT=236 VALIGN=top ALIGN=left>
-<p>If your phone line
+<p><font size="medium">If your phone line
 has call waiting and you
 want incoming calls to interrupt WebTV, choose <b>accept calls</b>, and
 adjust sensitivity.
 <p>If your line has
 call waiting but you don't want WebTV to
-be interrupted, choose <b>block calls</b>.
+be interrupted, choose <b>block calls</b>.</font>
 <TD WIDTH=20>
 <TD WIDTH=198 VALIGN=top ALIGN=left>
 <form action="client:ConfirmPhoneSetup">
@@ -101,17 +114,17 @@ cursor=#cc9933 value="&wstr;"></font>
 </table>
 <TR>
 <TD>
-<TD COLSPAN=4 HEIGHT=7 VALIGN=top ALIGN=left>
+<TD COLSPAN=4 HEIGHT=0 VALIGN=top ALIGN=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <spacer type=block width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <spacer type=block width=436 height=1>
 <TR>
 <TD>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-reset.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-reset.js
index a0694913..7db6e743 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-reset.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone-reset.js
@@ -55,9 +55,22 @@ Reset dialing options
 Reset dialing options
 </table>
 <td abswidth=20>
+<tr>
+<TD>
+<td colspan=3 height=2 abswidth=300 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
+<tr><td colspan=4 height=10></td></tr>
 <TR>
 <td>
-<td WIDTH=198 HEIGHT=250 VALIGN=top ALIGN=left>
+<td WIDTH=198 HEIGHT=236 VALIGN=top ALIGN=left>
 <p>Your receiver was set at the factory to 
 work for the most common dialing situations.  
 <p>Use <b>Reset</b> to return the dialing 
@@ -73,14 +86,14 @@ options to their original settings.
 <TD COLSPAN=4 HEIGHT=0 VALIGN=top ALIGN=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <spacer type=block width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <spacer type=block width=436 height=1>
 <TR>
 <TD>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone.js
index b85f2584..c8a02f1d 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/phone.js
@@ -55,6 +55,19 @@ Dialing options
 Dialing options
 </table>
 <td abswidth=20>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
+<tr><td colspan=4 height=10></td></tr>
 <TR>
 <td>
 
@@ -65,11 +78,11 @@ Dialing options
 <td WIDTH=198 HEIGHT=206 VALIGN=top ALIGN=left>
 <A HREF="wtv-setup:/phone-basic" selected><BLACKFACE>Basic</BLACKFACE></A><BR>
 <FONT SIZE="-1">Use tone/pulse dialing or choose a dialing prefix</FONT><BR>
-<spacer type=block WIDTH=1 HEIGHT=30><BR>
+<spacer type=block WIDTH=1 HEIGHT=12><BR>
 <A HREF="wtv-setup:/phone-call-waiting"><BLACKFACE>Call waiting</BLACKFACE></A><BR>
 <FONT SIZE="-1">Call waiting can be turned off automatically</FONT><BR>
 <spacer type=block WIDTH=1 HEIGHT=12><BR>
-<A HREF="client:GoToBYOISPIntro"><BLACKFACE>Use an ISP</BLACKFACE></A><BR>
+<A HREF="${ssid_sessions[socket.ssid].get("wtv-open-access") ? 'file://rom/HTMLs/ConfigureBYOISP.html' : 'client:GoToBYOISPIntro'}"><BLACKFACE>Use an ISP</BLACKFACE></A><BR>
 <FONT SIZE="-1">Save money if you dial long distance to WebTV</FONT><BR>
 
 <TD WIDTH=20>
@@ -83,17 +96,17 @@ Dialing options
 
 <TR>
 <TD>
-<TD COLSPAN=4 HEIGHT=44 VALIGN=top ALIGN=left>
+<TD COLSPAN=4 HEIGHT=29 VALIGN=top ALIGN=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <spacer type=block width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <spacer type=block width=436 height=1>
 <TR>
 <TD>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/screen-border.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/screen-border.js
index b8c07d04..54455f33 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/screen-border.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/screen-border.js
@@ -90,14 +90,14 @@ Light
 <TD COLSPAN=4 HEIGHT=7 VALIGN=top ALIGN=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <img src="/ROMCache/Spacer.gif" width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <img src="/ROMCache/Spacer.gif" width=436 height=1>
 <TR>
 <TD>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/screen.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/screen.js
index 448e4497..6b4b60c0 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/screen.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/screen.js
@@ -54,9 +54,22 @@ hspace=0 vspace=0>
 Television
 </table>
 <td abswidth=20>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
 <TR>
 <td>
-<td WIDTH=300 HEIGHT=244 VALIGN=top ALIGN=left>
+<spacer type=block height=24 width=1>
+<td WIDTH=200 HEIGHT=244 VALIGN=top ALIGN=left>
 <br><font size="-1">
 <A HREF="wtv-setup:/center-display" selected><BLACKFACE>Center</BLACKFACE></A><BR>
 <FONT SIZE="-1">Center WebTV on your screen</FONT><BR>`;
@@ -77,17 +90,17 @@ data += `
 <TD>
 <TR>
 <TD>
-<TD COLSPAN=4 HEIGHT=7 VALIGN=top ALIGN=left>
+<TD COLSPAN=4 HEIGHT=2 VALIGN=top ALIGN=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <img src="wtv-home:/ROMCache/Spacer.gif" width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <img src="wtv-home:/ROMCache/Spacer.gif" width=436 height=1>
 <TR>
 <TD>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/set-bg.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/set-bg.js
index cd49aa62..cdb29ba0 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/set-bg.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/set-bg.js
@@ -18,7 +18,15 @@ ${categoryName}
 </title>
 <bgsound src="/sounds/silence.aiff" loop="">
 </head><body vspace="0" hspace="0" fontsize="large" vlink="36d5ff" text="#42CC55" link="36d5ff" bgcolor="#191919"><display>
-
+<script type="text/javascript">
+	var pageTitle = "${categoryName}";
+	function showTitle(title) {
+		document.title = pageTitle + " - " + title;
+	}
+	function clearTitle() {
+		document.title = pageTitle;
+	}
+</script>
 <sidebar width="110"> <table cellspacing="0" cellpadding="0" bgcolor="452a36">
 <tbody><tr>
 <td colspan="3" abswidth="104" absheight="4">
@@ -53,19 +61,35 @@ ${categoryName}
 </td><td colspan="3">
 <table cellspacing="0" cellpadding="0">
 <tbody><tr>
-${(musicList.length > 14) ? '<td absheight="50" valign="center">' : '<td absheight="80" valign="center">'}
+<td absheight="80" valign="center">
 <font size="+2" color="E7CE4A"><blackface><shadow>
 ${categoryName}
-</shadow></blackface></font></td></tr><tr><td>
+</shadow></blackface></font>
+<br><font size="-2">
 Choose the songs that you'd like to include.
-</td></tr><tr>
-<td height="15">
+</font>
+</td></tr>
+<tr>
+<td height="0">
 <input type="hidden" name="category" value="1">
 </form></td></tr></tbody></table>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
 </td><td abswidth="20">
-</td></tr><tr>
+</td></tr>
+<tr><td colspan=4 height=8 width=1></td></tr>
+<tr>
 <td>
-</td><td width="198" valign="top" height="201" align="left">
+</td><td width="198" valign="top" height="238" align="left">
 <form action="validate-bg-song-category">
 <input type="hidden" name="category" value="${request_headers.query.category}">
 <input type="hidden" autosubmit="onLeave">
@@ -82,11 +106,14 @@ Choose the songs that you'd like to include.
 <td valign="top">
 <input type="checkbox" name="enableSong" value=${musicList[k]['id']}${(wtvbgm.isSongEnabled(musicList[k]['id'])) ? ' checked="checked"' : ''}>
 </td><td valign="bottom">`;
-		if (musicList[k]['title'].length > 12 && musicList[k]['title'].length < 18) data += `<font size="-1">`;
-		if (musicList[k]['title'].length > 18) data += `<font size="-2">`;
-		data += `<a href=${musicList[k]['url']}?wtv-title=${escape(musicList[k]['title'])}>${musicList[k]['title']}</a>
+		var strLenLimit = 16;
+		if (musicList.length > 14) strLenLimit = 20;
+		var songTitle = musicList[k]['title'];
+		if (songTitle.length > strLenLimit) songTitle = musicList[k]['title'].substr(0, strLenLimit - 3) + "...";
+		if (musicList.length > 14) data += '<font size="-2">';
+		data += `<a href="${musicList[k]['url']}?wtv-title=${escape(musicList[k]['title'])}" onmouseout="clearTitle()" onmouseover="showTitle('${musicList[k]['title'].replace(/\'/g, "\\'")}')">${songTitle}</a>
 </td></tr></tbody></table>`;
-		if (musicList[k]['title'].length > 12) data += `</font>`;
+		if (musicList.length > 14) data += '</font>';
 		songsListed++;
 	});
 
@@ -96,17 +123,17 @@ Choose the songs that you'd like to include.
 </td><td>
 </td></tr><tr>
 <td>
-</td><td colspan="4" valign="top" height="7" align="left">
+</td><td colspan="4" valign="top" height="0" align="left">
 </td></tr><tr>
 <td>
-</td><td colspan="4" valign="middle" height="2" bgcolor="2B2B2B" align="center">
+</td><td colspan="3" valign="middle" height="2" bgcolor="2B2B2B" align="center">
 <img src="wtv-home:/ROMCache/Spacer.gif" width="436" height="1">
 </td></tr><tr>
 <td>
 </td><td colspan="4" valign="top" height="1" align="left">
 </td></tr><tr>
 <td>
-</td><td colspan="4" valign="top" height="2" bgcolor="0D0D0D" align="left">
+</td><td colspan="3" valign="top" height="2" bgcolor="0D0D0D" align="left">
 <img src="wtv-home:/ROMCache/Spacer.gif" width="436" height="1">
 </td></tr><tr>
 <td>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/setup.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/setup.js
index bcea7650..ffef0692 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/setup.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/setup.js
@@ -81,10 +81,10 @@ for ${ssid_sessions[socket.ssid].getSessionData("subscriber_username") || "You"}
 <TR>
 <td>
 <font size="-1">
-<td WIDTH=160 HEIGHT=244 VALIGN=top ALIGN=left>
+<td WIDTH=150 HEIGHT=244 VALIGN=top ALIGN=left>
 <br><font size="-1"><blackface>
 <img src="ROMCache/BulletArrow.gif" width=6 height=13 valign=absmiddle><spacer type=block width=6 height=1>
-<a href="wtv-setup:/mail">Mail/Discuss</a><BR>
+<a href="wtv-setup:/mail">Mail</a><BR>
 <spacer type=block width=1 height=5><BR>`;
 // password
 if (!minisrv_config.config.hide_incomplete_features) {
@@ -158,11 +158,11 @@ if (!minisrv_config.config.hide_incomplete_features) {
 Connecting to WebTV<BR>
 
 
-
-
+<tr>
+<td colspan=4 height=2>
 <tr>
 <TD>
-<td colspan=4 height=3 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
 <spacer type=block width=436 height=1>
 <tr>
 <TD>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/sound.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/sound.js
index 7314ae84..888867d8 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/sound.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/sound.js
@@ -56,9 +56,22 @@ Music
 Music
 </table>
 <td abswidth=20>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
 <TR>
 <td>
 <td WIDTH=198 HEIGHT=236 VALIGN=top ALIGN=left>
+<spacer type=block height=2 width=1>
 `;
 if (canDoMuzac) {
     data += `<p>Turn on background music 
@@ -76,6 +89,7 @@ and listen to the music in the foreground.`;
 data += `
 <TD WIDTH=20>
 <TD WIDTH=198 VALIGN=top ALIGN=left>
+<spacer type=block height=20 width=1>
 <form action="client:ConfirmPhoneSetup">
 <table cellspacing=0 cellpadding=0>
 <tr>
@@ -92,17 +106,17 @@ action="client:SetSetupValue" selected &wtv-muzac-on;${canDoMuzac ? '' : 'disabl
 </table>
 <TR>
 <TD>
-<TD COLSPAN=4 HEIGHT=14 VALIGN=top ALIGN=left>
+<TD COLSPAN=4 HEIGHT=10 VALIGN=top ALIGN=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <spacer type=block width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <spacer type=block width=436 height=1>
 <TR>
 <TD>
@@ -119,7 +133,7 @@ TYPE=SUBMIT BORDERIMAGE="file://ROM/Borders/ButtonBorder2.bif" NAME="Button1" US
 TYPE=SUBMIT BORDERIMAGE="file://ROM/Borders/ButtonBorder2.bif" NAME="Button1" USESTYLE WIDTH=103>
 <spacer type=block WIDTH=4 HEIGHT=1>
 <INPUT name="Done" value="Done" WIDTH=103
-TYPE=SUBMIT BORDERIMAGE="file://ROM/Borders/ButtonBorder2.bif" NAME="Button2" USESTYLE WIDTH=103>
+TYPE=SUBMIT BORDERIMAGE="file://ROM/Borders/ButtonBorder2.bif" NAME="Button2" USESTYLE WIDTH=103 action="wtv-setup:/setup">
 </SHADOW></FONT></FORM>
 <TD>
 </TABLE>
diff --git a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/text.js b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/text.js
index 2c631efe..dc19d59b 100644
--- a/zefie_wtvp_minisrv/ServiceVault/wtv-setup/text.js
+++ b/zefie_wtvp_minisrv/ServiceVault/wtv-setup/text.js
@@ -50,14 +50,27 @@ Text size
 <td colspan=3>
 <table cellspacing=0 cellpadding=0>
 <tr>
-<td valign=center absheight=80>
+<td valign=center absheight=76>
 <font size="+2" color="E7CE4A"><blackface><shadow>
 Text size
 </table>
 <td abswidth=20>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
+<spacer type=block width=436 height=1>
+<tr>
+<TD>
+<td colspan=3 height=1 valign=top align=left>
+<tr>
+<TD>
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
+<spacer type=block width=436 height=1>
+<td abswidth=20>
 <TR>
 <td>
 <td WIDTH=198 HEIGHT=250 VALIGN=top ALIGN=left>
+<spacer type=block height=8 width=1>
 <table cellspacing=0 cellpadding=0>
 <tr>
 <td absheight=195 valign=top>
@@ -69,6 +82,7 @@ text presented as graphics or WebTV pages like this one.
 </table>
 <TD WIDTH=20>
 <TD WIDTH=198 VALIGN=top ALIGN=left>
+<spacer type=block height=8 width=1>
 <table cellspacing=0 cellpadding=0>
 <tr>
 <td align=left>
@@ -83,17 +97,14 @@ Your text size is <b>&fsize;</b>.
 </form>
 <TR>
 <TD>
-<TD COLSPAN=4 HEIGHT=0 VALIGN=top ALIGN=left>
-<tr>
-<TD>
-<td colspan=4 height=2 valign=middle align=center bgcolor="2B2B2B">
+<td colspan=3 height=2 valign=middle align=center bgcolor="2B2B2B">
 <spacer type=block width=436 height=1>
 <tr>
 <TD>
 <td colspan=4 height=1 valign=top align=left>
 <tr>
 <TD>
-<td colspan=4 height=2 valign=top align=left bgcolor="0D0D0D">
+<td colspan=3 height=2 valign=top align=left bgcolor="0D0D0D">
 <spacer type=block width=436 height=1>
 <TR>
 <TD>