Updates tabs component for budget investments

app/views/budgets/investments/_filter_subnav.html.erb

@@ -1,6 +1,11 @@
-<div class="row">
-  <div class="small-12 column">
-    <ul class="tabs" data-tabs id="investments-tabs">
+<ul class="tabs"
+    id="investments_tabs"
+    role="tablist"
+    data-deep-link="true"
+    data-update-history="true"
+    data-deep-link-smudge="true"
+    data-deep-link-smudge="500"
+    data-tabs>
   <li class="tabs-title is-active">
     <%= link_to "#tab-comments" do %>
       <h3>
@@ -18,5 +23,3 @@
     <% end %>
   </li>
 </ul>
-  </div>
-</div>

app/views/budgets/investments/_milestones.html.erb

@@ -1,4 +1,4 @@
-<div class="tabs-panel tab-milestones" id="tab-milestones">
+<div class="tabs-panel tab-milestones" id="tab-milestones" role="tab">
   <div class="row">
     <div class="small-12 column">
       <% if @investment.milestones.blank? %>

app/views/budgets/investments/show.html.erb

@@ -10,13 +10,18 @@
   ballot: @ballot
 } %>
 
-<div class="tabs-content" data-tabs-content="investments-tabs" role="tablist">
+<div class="row">
+  <div class="small-12 column">
     <%= render "budgets/investments/filter_subnav" %>
-  <%= render "budgets/investments/milestones" %>
+  </div>
+</div>
 
-  <div class="tabs-panel is-active" id="tab-comments">
+<div class="tabs-content" data-tabs-content="investments_tabs">
+  <div class="tabs-panel is-active" id="tab-comments" role="tab">
     <%= render partial: '/comments/comment_tree', locals: { comment_tree: @comment_tree,
                                                             comment_flags: @comment_flags,
                                                             display_comments_count: false } %>
   </div>
+
+  <%= render "budgets/investments/milestones" %>
 </div>