styled buttons

app/assets/javascripts/Jit/graphsettings.js

@@ -451,7 +451,7 @@ function editEdge(edge, e) {
 
   $('#edit_synapse').focusout(function() {
     //in case they cancel
-//    $('#edit_synapse').hide();
+    $('#edit_synapse').hide();
   });
   
   //css stuff above moves it, this activates it

app/assets/stylesheets/application.css

@@ -83,7 +83,7 @@ a {
   clear:both;
 }
 
-.spacer {
+.leaveSpace {
   display:block;
   height:50px;	
 }
@@ -238,8 +238,20 @@ input[type="submit"] {
   margin:10px;
 }
 
-.headertop button {
-  float:left;	
+.headertop button, .headertop input {
+  float:left;
+  height: 30px;
+  border-radius: 12px;
+  background: url('black_bg.png');
+  color: #FFF;
+  font-family: 'katarine-web';
+  font-size: 18px;
+  border: 1px solid #000;
+  cursor: pointer;	
+}
+
+.headertop button:hover, .headertop input:hover {
+  background: #000;	
 }
 
 .wrapper {

app/assets/stylesheets/maps.css.scss

@@ -12,7 +12,7 @@
 }
 
 .saveMapLayout input {
- margin-top:2px;
+ margin-top:0px;
 }
 
 #MapRealtime { 

app/views/main/home.html.erb

@@ -22,7 +22,7 @@
     <%= render map %>
 <% end %>
 </div>
-<div class="clearfloat spacer"></div>
+<div class="clearfloat leaveSpace"></div>
 
 </div>
 

app/views/maps/show.html.erb

@@ -23,7 +23,9 @@
 <div class="clearfloat nodemargin"></div>-->
 
 <div class="headertop">
-    <button onclick="if (!goRealtime) { this.innerHTML = 'Stop Realtime'; $('#saveLayout').css('display','none');} else if (goRealtime) { this.innerHTML = 'Start Realtime'; $('#saveLayout').css('display','block');} goRealtime = !goRealtime;">Start Realtime</button>
+    <% if false %>
+      <button onclick="if (!goRealtime) { this.innerHTML = 'Stop Realtime'; $('#saveLayout').css('display','none');} else if (goRealtime) { this.innerHTML = 'Start Realtime'; $('#saveLayout').css('display','block');} goRealtime = !goRealtime;">Start Realtime</button>
+    <% end %>
     <button onclick="hideSelectedEdges();hideSelectedNodes();">Hide Selected</button>
     <% if authenticated? %>
       <button onclick="removeSelectedEdges();removeSelectedNodes();">Remove Selected From Map</button>
@@ -47,6 +49,9 @@
     Viewing Map:  
   <% end %>
   <%= @map.name %>
+  <% if (@map.permission == "commons" && authenticated?) || @map.user == user %>
+    <%= link_to "[edit]", edit_map_path(@map) %>
+  <% end %>
 </h1>
 
 <div class="maps onMap" id="container">
@@ -61,18 +66,22 @@
   <%= render :partial => 'newsynapse' %>
   <%= render :partial => 'maps/new' %>
 <% end %>
-<%= form_for @map, :url => realtime_path(@map), :method => "GET", :html => { :id => "MapRealtime"}, remote: true do |form| %>
-  <%= form.hidden_field :time, :value => Time.now.to_i %>
-  <%= form.hidden_field :ids, :value => 0 %>
+
+<% if false %>
+  <%= form_for @map, :url => realtime_path(@map), :method => "GET", :html => { :id => "MapRealtime"}, remote: true do |form| %>
+    <%= form.hidden_field :time, :value => Time.now.to_i %>
+    <%= form.hidden_field :ids, :value => 0 %>
+  <% end %>
 <% end %>
+  
 <script>
   var dragged = 0;
   mapid = <%= @map.id %>;
-  var int = setInterval(function(){
+  /*var int = setInterval(function(){
       if (goRealtime) {
         $('#MapRealtime').submit();
       }
-    },4000);
+    },4000);*/
 </script>
 
 <script>

app/views/users/show.html.erb

@@ -41,7 +41,7 @@
     <%= render map %>
 <% end %>
 </div>
-<div class="clearfloat spacer"></div>
+<div class="clearfloat leaveSpace"></div>
 
 </div>