diff --git a/static/main.css b/static/main.css
index 55e7d4a..a8006e3 100644
--- a/static/main.css
+++ b/static/main.css
@@ -1,5 +1,11 @@
-html, body { margin: 0; padding: 0; overflow: hidden; font-size:  10pt; 
-font-family: monospace; }
+html, body { 
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    font-size:  10pt;
+    font-family: monospace; 
+}
+
 #node_info { 
     background: rgba(0, 0, 0, .8); 
     color:white;
@@ -8,59 +14,37 @@ font-family: monospace; }
     position: absolute;
     top:5px;
     left:5px;
-    /*font-family: monospace;*/
     text-align: center;
-    /*height:15px;*/
     border-radius:3px;
     pointer-events: none;
 }
 
 #server_info {
-    background-color: rgba(0, 0, 0, .8);
-    color:white;
-    padding: 10px;
-    position: absolute;
     top: 10px;
     right: 10px;
 }
 
-#node_name {
-    font-size: 12pt;
-}
-
 #node_data {
-    background-color: rgba(0, 0, 0, .8);
-    color:white;
-    padding: 10px;
-    position: absolute;
     top: 10px;
     left: 10px;
 }
 
 #controls {
-    background-color: rgba(0, 0, 0, .8);
-    color:white;
-    padding: 10px;
-    position: absolute;
     bottom: 10px;
     left: 10px;
 }
 
-#controls a {
-    color: white;
-    background-color: #222222;
-    border: 1px solid #555555;
-    padding: 3px;
-    margin: 1px;
-    display: inline-block;
-    text-decoration: none;
-    cursor: pointer;
+div {
+  background-color: black;
+  color:white;
+  padding: 10px;
+  position: absolute;
 }
 
-#node_data a {
+div a {
     color: white;
-    background-color: #222222;
-    border: 1px solid #555555;
+    background-color: #333333;
+    border-radius: 2px;
     padding: 3px;
     margin: 1px;
     display: inline-block;
@@ -68,30 +52,17 @@ font-family: monospace; }
     cursor: pointer;
 }
 
-
-#version {
-    color:black;
-    padding: 10px;
-    position: absolute;
-    bottom: 10px;
-    left: 10px;
-}
-
-#help {
-    background-color: rgba(0, 0, 0, .8);
-    color:white;
-    padding: 10px;
-    position: absolute;
-    bottom: 10px;
-    right: 10px;
+div a:hover {
+    color: orange;
+    background-color: black;
 }
 
-#help a{
-    color: white;
+h3 {
+    padding: 5px 0px;
+    margin: 0px;
 }
 
 
-
 ul {
     list-style-type: none;
     padding: 0px;
@@ -103,8 +74,6 @@ li{
     padding-left: 0em;
 }
 
-
-
 .visible {
   visibility: visible;
   opacity: 1;
@@ -118,15 +87,3 @@ li{
   transform: scale(.5);
   transition: visibility .08s, opacity .08s linear, transform .08s linear;
 }
-
-a {
-    color: yellow;
-}
-
-h3 {
-    padding-top: 0px;
-    padding-bottom: 0px;
-    margin-top: 2px;
-    margin-bottom: 2px;
-}
-
diff --git a/templates/index.html b/templates/index.html
index d590629..eda3ad3 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -21,11 +21,12 @@
 <body>
 <img id=ball src="{{url_for("static", filename="img/ball.png") }}" style=display:none;>
 <img id=tip src="{{url_for("static", filename="img/tip.png") }}" style=display:none;>
+
 <div id=node_info class=hidden> </div>
-<div id=server_info class=hidden> </div>
+<div class="block hidden" id=server_info> </div>
 
-<div id=node_data class=hidden>
-<div id=node_name></div>
+<div id=node_data class="block hidden">
+<h3 id=node_name></h3>
 <ul>
     <li id=node_vop></li>
     <li>Measure in 
@@ -40,18 +41,13 @@
 </ul>
 </div>
 
-<div id=controls>
+<div class="block" id=controls>
     <ul>
-        <li><a onclick="editor.clear()">Clear graph</a></li>
+        <li><a onclick="editor.clear()">Clear</a></li>
         <li><a onclick="editor.raussendorf()">Raussendorf</a></li>
-        <li><a onclick="editor.raussendorf()">Share</a></li>
+        <li><a href="/doc">Help</a></li>
     </ul>
 </div>
 
-
-<div id=help>
-    <a href="/doc">Help</a>
-</div>
-
 </body>
 </html>
