add more space between nodes using auto-layout

app/assets/javascripts/src/Metamaps.Create.js

@@ -293,7 +293,6 @@ Metamaps.Create = {
         Metamaps.Create.newTopic.pinned = false
       }
       $('#topic_name').typeahead('val', '')
-      Metamaps.Create.newTopic.beingCreated = false
       Metamaps.Create.newTopic.hideSelector()
     }
   },

app/assets/javascripts/src/Metamaps.Map.js

@@ -247,7 +247,7 @@ Metamaps.Map = {
     var nextX = self.nextX
     var nextY = self.nextY
 
-    var DISTANCE_BETWEEN = 120
+    var DISTANCE_BETWEEN = 250
 
     self.nextX = self.nextX + DISTANCE_BETWEEN * self.nextXshift
     self.nextY = self.nextY + DISTANCE_BETWEEN * self.nextYshift

app/assets/stylesheets/application.css.erb

@@ -606,8 +606,8 @@ button.button.btn-no:hover {
     background-image: url(<%= asset_data_uri('pincarousel_sprite.png') %>);
     position: absolute;
     z-index: 2;
-    top: 20px;
-    right: 16px;
+    top: -20px;
+    right: -16px;
 }
 .pinCarousel:hover {
     background-position: 0 -16px;

app/views/maps/_newtopic.html.erb

@@ -31,6 +31,7 @@
     Metamaps.Create.newSelectedMetacodeNames.push("<%= metacode.name %>");
   <% end %>
 <% end %> 
+Metamaps.Create.newTopic.metacode = <%= user_metacode().id %>
 <% current_user.recentMetacodes.each do |id| %>
     Metamaps.Create.recentMetacodes.push(<%= id %>);
 <% end %>

frontend/src/components/MetacodeSelect.js

@@ -62,11 +62,11 @@ class MetacodeSelect extends Component {
     } else if (activeTab == 1) { // recent
       selectMetacodes = recent.map(id => {
         return metacodes.find(m => m.id == id)
-      })
+      }).filter(m => m)
     } else if (activeTab == 2) { // mostUsed
       selectMetacodes = mostUsed.map(id => {
         return metacodes.find(m => m.id == id)
-      })
+      }).filter(m => m)
     }
     return selectMetacodes
   }