Fix buttons linebreaking, color, placeholder

app/assets/stylesheets/application.scss

 body {
   padding-top: 70px;
 }
+
+/* Force .btn-groups to not break */
+table .btn-group {
+  display: flex;
+}
+
+.editable.editable-empty {
+  color: inherit;
+}

app/views/activities/show.html.erb

     <tr class="<%= p.row_class %>" data-person-id="<%= p.person.id %>" data-activity-id="<%= @activity.id %>">
       <td>
         <%= p.person.full_name %>
-      </td>
-      <td>
-        <%= p.is_organizer %>
+        <% if p.is_organizer %><i class="fa fa-star-o"></i><% end %>
       </td>
       <td>
         <%=
-          editable p, :notes, url: presence_group_activity_path(@activity.group, @activity, person_id: p.person_id), title: "Notes", value: p.notes
+          editable p, :notes, url: presence_group_activity_path(@activity.group, @activity, person_id: p.person_id), title: "Notes", value: p.notes, emptytext: "--"
         %>
       </td>
       <td>

app/views/dashboard/home.html.haml

                   %td
                     = render partial: "activities/presence_buttons", locals: {activity: e, person: current_person, state: p.attending}
                   %td
-                    = editable p, :notes, url: presence_group_activity_path(e.group, e, person_id: current_person.id), title: "Notes", value: p.notes
+                    = editable p, :notes, url: presence_group_activity_path(e.group, e, person_id: current_person.id), title: "Notes", value: p.notes, emptytext: 'Notes'