Fix saving of name.

css/style.css

@@ -108,3 +108,13 @@ h1 br {
   right: 5px;
   position: absolute;
 }
+
+#labname {
+  border: 0px;
+  padding: 0 4px;
+  font-size: 24px;
+  margin-top: 20px;
+  font-weight: 500;
+  line-height: 1;
+  width: 99%;
+}

index.html

@@ -76,7 +76,7 @@
       </div>
 
       <div class="col-xs-5 scrollable" ng-controller="LabController as lc">
-        <h3 id="mylab" contenteditable>{{ lc.lab.name }} <small>Click here to change the name</small></h3>
+        <input id="labname" value="{{ lc.lab.name }}" ng-model="lc.lab.name">
         <hr>
         <button class="pull-right btn btn-info" ng-click="lc.showDetectorInfo()"><span class="glyphicon glyphicon-info-sign"></span></button>
         <div id="detector" ng-controller="DetectorController as dc">

js/gameobjects.js

@@ -9,7 +9,7 @@ var GameObjects = (function() {
    */
   var labPrototype = {
     version: '0.2',
-    name: 'My Awesome Lab',
+    name: 'Click here to give your lab a catchy name',
     detector: {
       rate: 1
     },