desktopify the detail page (bug 813752)

media/css/mkt/desktop-details.less

@@ -0,0 +1,49 @@
+@import 'lib';
+
+.detail #page {
+    background-color: #ccd2d6;
+    padding: 120px 0 40px;
+
+    > section {
+        background: fade(#fff, 20%);
+    }
+    .review {
+        float: left;
+        width: 50%;
+        padding: 0 5px;
+    }
+    .listing {
+        border: 0;
+
+        .mkt-tile {
+            background: transparent;
+            padding: 20px 20px 20px 108px;
+
+            h3 {
+                font-weight: 600;
+            }
+            .author {
+                color: @text;
+                text-shadow: 0 0;
+            }
+            .icon {
+                left: 20px;
+            }
+            + .tray {
+                background: transparent;
+                border-bottom: 0;
+                border-bottom: 1px solid rgba(3, 16, 26, 0.13);
+            }
+        }
+    }
+    .infobox {
+        ul.c {
+            margin: 0 -5px;
+            li {
+                margin: 0;
+                width: 25%;
+                padding: 0 5px;
+            }
+        }
+    }
+}

mkt/asset_bundles.py

@@ -161,6 +161,7 @@ CSS.update({
         'css/mkt/desktop-forms.less',
         'css/mkt/desktop-account.less',
         'css/mkt/desktop-listing.less',
+        'css/mkt/desktop-details.less',
     ),
 })
 

mkt/detail/templates/detail/includes/ratings.html

@@ -5,7 +5,7 @@
   <section class="main reviews c">
     <div id="{% if reviews %}reviews-detail{% else %}reviews{% endif %}">
       {% if reviews %}
-        <ul data-edit-url="{{ product.get_ratings_url('add') }}">
+        <ul class="c" data-edit-url="{{ product.get_ratings_url('add') }}">
           {% for review in reviews %}
             {% include 'ratings/rating.html' %}
           {% endfor %}

mkt/detail/views.py

@@ -46,7 +46,7 @@ def detail(request, addon):
         reviewed_filter['version'] = addon.current_version
     ctx = {
         'product': addon,
-        'reviews': reviews[:2],
+        'reviews': reviews[:6],
         'flags': get_flags(request, reviews),
         'has_review': request.user.is_authenticated() and
                       reviews.filter(**reviewed_filter).exists(),