From f137a5e06082dc3df5f67cfd64cdc8bd2cbc0425 Mon Sep 17 00:00:00 2001
From: Eric Bryant <ericdbryant@yahoo.com>
Date: Sat, 13 Oct 2018 15:08:45 -0400
Subject: [PATCH] 20181013, InfoBox position, size, overflow

---
 tmg2html/tmg2html.cpp | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/tmg2html/tmg2html.cpp b/tmg2html/tmg2html.cpp
index aefbd82d..8f223421 100644
--- a/tmg2html/tmg2html.cpp
+++ b/tmg2html/tmg2html.cpp
@@ -111,6 +111,15 @@ int main(int argc, char *argv[])
 	html << "	{	background-color:#D0D0D0;\n";
 	html << "	}\n";
 	html << "\n";
+	html << "	#InfoBox\n";
+	html << "	{	background-color:#D0D0D0;\n";
+	html << "		position:fixed;\n";
+	html << "		left: 700px;\n";
+	html << "		right: 0px;\n";
+	html << "		height: 89px;\n";
+	html << "		overflow:auto;\n";
+	html << "	}\n";
+	html << "\n";
 	html << "	#vInfo\n";
 	html << "	{	position:fixed;\n";
 	html << "		left: 700px;\n";
@@ -147,10 +156,10 @@ int main(int argc, char *argv[])
 	html << "<br>\n";
 	html << "<!--<div id=\"bounds\"><br><br><br><br></div>-->\n";
 	html << "<br>\n";
-	html << "<table bgcolor=D0D0D0 width=200>\n";
+	html << "<table bgcolor=D0D0D0 width=60 border=1 cellspacing=0>\n";
 	html << "<tr><td align=center><b><big>Info</big></b>\n";
-	html << "    <a onclick=\"ClearInfo();\" class=\"button\" style=\"float:right\">X</a></td></tr>\n";
-	html << "<tr><td><div id=\"InfoBox\"></div></td></tr>\n";
+	html << "    <a onclick=\"ClearInfo();\" class=\"button\" style=\"float:left\">X</a></td></tr>\n";
+	html << "<tr><td id=\"InfoBox\"></td></tr>\n";
 	html << "</table>\n";
 	html << "<div id=\"vInfo\"></div>\n";
 	html << "\n";
@@ -359,7 +368,7 @@ int main(int argc, char *argv[])
 	html << "function EdgeSelect(eNum)\n";
 	html << "{	ClearInfo();\n";
 	html << "	document.getElementById(\"InfoBox\").innerHTML =\n";
-	html << "		\"<hr><big>\" + edge[eNum].label + \"</big>\" +\n";
+	html << "		\"<big>\" + edge[eNum].label + \"</big>\" +\n";
 	html << "		\"<br><small>Edge \" + eNum;\n";
 	html << "	EdgeHighlight(eNum);\n";
 	html << "	selectedE = eNum;\n";
@@ -508,7 +517,7 @@ int main(int argc, char *argv[])
 	html << "function VertexSelect(vNum)\n";
 	html << "{	ClearInfo();\n";
 	html << "	document.getElementById(\"InfoBox\").innerHTML =\n";
-	html << "		\"<hr><big>\" + vertex[vNum].label + \"</big>\" +\n";
+	html << "		\"<big>\" + vertex[vNum].label + \"</big>\" +\n";
 	html << "		\"<br><small>Vertex \" + vNum +\n";
 	html << "		\"<br><a href='http://www.openstreetmap.org/?lat=\" +\n";
 	html << "			vertex[vNum].lat.toFixed(6) + \"&lon=\" +\n";