Restyling

app/views/packages/details.slim

@@ -2,16 +2,15 @@
 / in a callout.
 = render 'receive_upload'
 
-.row.packagepage
-  .small-12.columns
-    h1 =@package.name
+.packagepage
+h1 =@package.name
 
-.row.packagepage
-  #details.small-7.medium-7.columns.packagepage
+.grid-x.grid-padding-x.packagepage
+  #details.small-7.medium-7.cell.packagepage
     p.subtitle = @package.description
     - if screenshots_visible_to_user(@package).count > 0
       - screenshots_visible_to_user(@package).each do |screenshot|
-        .row.listview
+        .listview
           .text-center
             a.black.fancybox href=screenshot.image.url(:large, timestamp: false) rel='fancybox-thumb' title=screenshot.caption
               = image_tag(screenshot.image.url(:large, timestamp: false), alt: screenshot.caption)
@@ -38,7 +37,7 @@
             //  = render(partial: 'report_dropdown', locals: {screenshot: screenshot})
 
     - else
-      .row.listview
+      .listview
         img src='/images/dummy/no-screenshots-available.svg' width='100%' style='padding: 0 10%'
 
     // Load reviews from the Ubuntu API through our own (cached) URL.
@@ -46,7 +45,7 @@
     // was not yet cached.
     / #reviews data-package-reviews-url=package_reviews_path(@package.name)
 
-  .small-5.medium-5.columns data-sticky-container=true
+  .small-5.medium-5.cell data-sticky-container=true
     = render(partial: 'details_rightbox', locals: {pkg: @package})
 
 / javascript: