[tor-commits] [flashproxy/js] Layout fiddling.

[dcf at torproject.org]

commit 9516344486f1f76ee565b60e790789baa3561764
Author: David Fifield <david at bamsoftware.com>
Date:   Thu Apr 5 00:10:13 2012 -0700

    Layout fiddling.
---
 embed.html    |   24 +++++++++++++++---------
 flashproxy.js |   21 +++++++++++----------
 2 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/embed.html b/embed.html
index 607d077..cf3a6f4 100644
--- a/embed.html
+++ b/embed.html
@@ -13,21 +13,27 @@ body {
 	padding: 0;
 	width: 70px;
 	height: 23px;
+	color: white;
 	background-color: #d80;
 }
-#flashproxy-badge div {
-	position: absolute;
-	width: 70px;
-	top: 4px;
+#flashproxy-badge a img {
+	border: 0;
 }
-#flashproxy-badge div p {
-	top: 20px;
+#flashproxy-badge table {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	width: 100%;
+	height: 100%;
 	margin: 0;
 	padding: 0;
-	margin-left: 47px;
-	margin-right: 2px;
+	border: 0;
+	border-collapse: collapse;
+}
+#flashproxy-badge table tr td {
 	text-align: center;
-	color: white;
+	vertical-align: middle;
+	padding: 2px 2px 2px 47px;
 	font-size: 12px;
 }
 #flashproxy-badge.debug {
diff --git a/flashproxy.js b/flashproxy.js
index 07de96b..11964f1 100644
--- a/flashproxy.js
+++ b/flashproxy.js
@@ -678,27 +678,28 @@ function Badge()
     /* Number of proxy pairs ever connected. */
     this.total_proxy_pairs = 0;
 
-    this.counter_text = document.createElement("p");
+    this.counter_text = document.createElement("td");
 
-    var div, subdiv, a, img;
+    var div, a, img, table, tr, td;
 
     div = document.createElement("div");
 
     a = document.createElement("a");
     a.setAttribute("href", FLASHPROXY_INFO_URL);
+    div.appendChild(a);
 
     img = document.createElement("img");
     img.setAttribute("src", "badge.png");
-
-    subdiv = document.createElement("div");
-
-    this.counter_text = document.createElement("p");
-
-    div.appendChild(a);
     a.appendChild(img);
-    div.appendChild(subdiv)
-    subdiv.appendChild(this.counter_text);
 
+    table = document.createElement("table");
+    div.appendChild(table)
+    tr = document.createElement("tr");
+    table.appendChild(tr);
+    td = document.createElement("td");
+    tr.appendChild(td);
+
+    this.counter_text = td;
     this.elem = div;
 
     this.proxy_begin = function() {