Visual fixes and improvements

Author: nikitaeverywhere

package.json

@@ -1,6 +1,6 @@
 {
   "name": "iknow-entity-browser",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Visualizer for iKnow entities",
   "main": "gulpfile.babel.js",
   "scripts": {

src/static/index.html

@@ -76,14 +76,14 @@ <h1>General Settings</h1>
                 <b>Data source:</b>
                 <input type="text" value="http://localhost" id="settings.host" autosize placeholder="http://host.name"/>
                 : <input id="settings.port" autosize type="number" placeholder="port" value="57772"/>
-                / <input id="settings.webAppName" type="text" placeholder="domain" value="EntityBrowser"/>
-                /domain/ <input id="settings.domain" type="text" placeholder="domain" value="1"/>
+                / <input id="settings.webAppName" autosize type="text" placeholder="domain" value="EntityBrowser"/>
+                /domain/ <input id="settings.domain" autosize type="text" placeholder="domain" value="1"/>
                 /
                 <select id="settings.queryType">
                     <option value="related">related</option>
                     <option value="similar">similar</option>
                 </select>
-                / <input autosize placeholder="seed string" id="settings.seed" value="crew"/>
+                / <input autosize placeholder="seed string" id="settings.seed" type="text" value="crew"/>
             </div>
         </div>
     </div>

src/static/js/graph/index.js

@@ -179,7 +179,8 @@ export function update () {
         .nodes(graph.nodes)
         .on("tick", ticked);
 
-    simulation.force("link")
+    simulation
+        .force("link")
         .links(graph.edges);
 
     simulation.restart();

src/static/scss/basic.scss

@@ -30,7 +30,7 @@ table {
 
 input[type=text], input[type=number] {
     border: 0;
-    border-bottom: gray;
+    border-bottom: 1px solid gray;
 }
 
 .central {
@@ -89,13 +89,15 @@ h1, h2, h3, h4, h5, h6 {
                 top: 0;
                 animation: rotate-one 1s linear infinite;
                 border-bottom: 3px solid $colorB;
+                box-shadow: 0 0 3px $colorB;
             }
 
             &.two {
                 right: 0;
                 top: 0;
                 animation: rotate-two 1s linear infinite;
                 border-right: 3px solid $colorC;
+                box-shadow: 0 0 3px $colorC;
             }
 
             &.three {