Restyle milestones index

app/controllers/milestones_controller.rb

@@ -14,7 +14,7 @@ class MilestonesController < ProjectResourceController
     @milestones = case params[:f]
                   when 'all'; @project.milestones.order("state, due_date DESC")
                   when 'closed'; @project.milestones.closed.order("due_date DESC")
-                  else @project.milestones.active.order("due_date ASC")
+                  else @project.milestones.active.order("due_date DESC")
                   end
 
     @milestones = @milestones.includes(:project)

app/views/milestones/_milestone.html.haml

@@ -13,11 +13,8 @@
   - if milestone.is_empty?
     %span.muted Empty
   - else
-    .row
-      .span4
-        .progress.progress-info
-          .bar{style: "width: #{milestone.percent_complete}%;"}
-      .span6
+    %div
+      %div
         = link_to project_issues_path(milestone.project, milestone_id: milestone.id) do
           = pluralize milestone.issues.count, 'Issue'
          
@@ -25,3 +22,5 @@
           = pluralize milestone.merge_requests.count, 'Merge Request'
          
         %span.light #{milestone.percent_complete}% complete
+      .progress.progress-info
+        .bar{style: "width: #{milestone.percent_complete}%;"}

app/views/milestones/index.html.haml

@@ -5,9 +5,10 @@
     - if can? current_user, :admin_milestone, @project
       = link_to "New Milestone", new_project_milestone_path(@project), class: "pull-right btn btn-small", title: "New Milestone"
   %br
-  %div.ui-box
-    .title
-      %ul.nav.nav-pills
+
+  .row
+    .span3
+      %ul.nav.nav-pills.nav-stacked
         %li{class: ("active" if (params[:f] == "active" || !params[:f]))}
           = link_to project_milestones_path(@project, f: "active") do
             Active
@@ -17,7 +18,8 @@
         %li{class: ("active" if params[:f] == "all")}
           = link_to project_milestones_path(@project, f: "all") do
             All
-
+    .span9
+      %div.ui-box
         %ul.well-list
           = render @milestones