diff --git a/html/force.css b/html/force.css index 234d561..c857f5b 100644 --- a/html/force.css +++ b/html/force.css @@ -16,7 +16,7 @@ fill: #FFF0B3; } -#nodeinfo, #controlpanel { +#nodeinfo { position: absolute; background: #fff; border: 1px solid #ddd; @@ -34,16 +34,20 @@ } #controlpanel { - top: 10px; - right: 10px; font-size: 10pt; + display: inline-block; + color: #fff; +} + +#controlpanel * { + display: inline; } #controlpanel p { - margin: 0; + margin: 0 1em; } -#nodeinfo h1, p { +#nodeinfo h1, #nodeinfo p { color: #555; } @@ -65,7 +69,7 @@ color: #6e6e6e; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; - padding: 7px 12px; + padding: 2px 8px; position: relative; display: inline-block; text-shadow: 0 1px 0 #fff; @@ -118,12 +122,11 @@ -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; - border-left: solid 1px #f3f3f3; - border-left: solid 1px rgba(255, 255, 255, 0); + margin-left: -1px; } .btn.active { background: #C83771; color: #fff; - text-shadow: none; + text-shadow: none; } diff --git a/html/force.js b/html/force.js index 0d0964d..7363214 100644 --- a/html/force.js +++ b/html/force.js @@ -14,7 +14,7 @@ var offset = getOffset(document.getElementById('chart')) var w = window.innerWidth - offset.left, h = window.innerHeight - offset.top - 1 -var cp = d3.select("#chart").append("div") +var cp = d3.select("header").append("div") .attr("id", "controlpanel") var updated_at = cp.append("p") @@ -40,11 +40,6 @@ btns.append("button") .text("VPN") .on("click", update_graph) -cp.append("label") - .text("Knoten hervorheben:") - -cp.append("br") - cp.append("input") .on("keyup", function(){show_node(this.value)}) .on("change", function(){show_node(this.value)})