Tweak styles for unsupported download button

apps/mozorg/templates/mozorg/download_button_dumb.html

@@ -1,12 +1,8 @@
 <div class="download download-dumb">
-  <h3>Download Now - Free <span>({{ locale_name }} | <a href="all.html">Other Systems and Languages</a>)</span></h3>
-
+  <h4>Download Firefox — {{ locale_name }}</h4>
   <ul>
     {% for build in builds %}
-    <li><a href="{{ build.download_link_direct }}">{{ build.platform_pretty }}</a></li>
+    <li><a href="{{ build.download_link_direct }}" class="button-white">{{ build.platform_pretty }}</a></li>
     {% endfor %}
-    <li>
-      <a href="/{{ LANG }}/firefox/{{ version }}/releasenotes/#contributedbuilds">Other</a>
-    </li>
   </ul>
 </div>

media/css/sandstone/buttons.less

@@ -98,7 +98,7 @@
 .download-button {
     .inline-block;
     ul {
-        margin: 0 0 4px 0;
+        margin: 0;
         li {
             list-style-type: none;
             margin: 0;
@@ -187,9 +187,6 @@ noscript li.os_android{
     display: block;
 }
 
-.other .download-button .unsupported-download {
-    display: block;
-}
 
 // Small print
 
@@ -198,10 +195,34 @@ noscript li.os_android{
     display: block;
     font-size: 11px;
     text-align: right;
+    margin-top: 4px;
     color: @textColorLight;
 
     a:link,
     a:visited {
         color: #999;
     }
 }
+
+.other .download-button .unsupported-download {
+    display: block;
+}
+
+.download-button noscript,
+.download-button .unsupported-download {
+    text-align: right;
+    h4 {
+        text-shadow: none;
+        margin: 0 0 6px 0;
+        font-size: 18px;
+    }
+    ul li {
+        display: inline;
+    }
+
+    small {
+        font-size: 11px;
+        letter-spacing: normal;
+    }
+
+}