tidy header

index.html

@@ -62,17 +62,14 @@ THE SOFTWARE.
 
     <div id="righthand-panel">
         <div id="header">
-            <img id="solIcon" src="solidity.svg">
+            <img id="solIcon" title="Solidity realtime compiler and runtime" src="sol.gif">
             <div class="info">
-                <p>
+                <div class="version">Solidity version: <span id="version">(loading)</span> change to: <select id="versionSelector"></select></div>
-                    Version: <span id="version">(loading)</span><br/>
-                    Change to: <select id="versionSelector"></select>
-                </p>
             </div>
             <div id="optimizeBox">
+                <button id="gist" title="Publish all files as public gist on github.com"><img src="stylesheets/github.png" alt="">Publish gist</button>
                 <label for="editorWrap"><input id="editorWrap" type="checkbox">Text Wrap</label>
                 <label for="optimize"><input id="optimize" type="checkbox">Enable Optimization</label>
-                <button id="gist" title="Publish all files as public gist on github.com">Publish gist</button>
                 <code class="origin">tx.origin: <span id="txorigin"/></code>
                 <span id="executionContext">
                     <label for="vm" title="Execution environment does not connect to any node, everything is local and in memory only.">

stylesheets/browser-solidity.css

@@ -120,18 +120,46 @@ body {
 }
 
 #header #solIcon {
-    float: right;
+    float: left;
     height: 5em;
 }
 
+#header .info {
+    font-size: 10px;
+    font-family: monospace;
+    min-height: 5em;
+    padding: 1em 0;
+    padding-left: 7em;
+}
+
+#header #gist {
+    background-color: #efefef;
+    padding: 0.25em;
+    color: black;
+    border:0 none;
+    border-radius: 0.5em;
+    width: 8em;
+    margin-right: 1em;
+    cursor: pointer;
+}
+
+#header #gist img {
+    height: 1.15em;
+    margin-right: 0.5em;
+}
+
+
 #header .origin,
 #header #executionContext {
     padding: 0.4em 1em;
     background-color: #efefef;
     display: block;
     margin-top: 0.5em;
+    word-wrap: break-word;
 }
 
+#header #executionContext{ margin-top: 0; }
+
 .col1 {
     width: 30%;
     float: left;