css tweaks for eula and privacy pages (bug 572844)

apps/addons/templates/addons/eula.html

@@ -5,6 +5,8 @@
   {{ page_title(_('End-User License Agreement for {0}')|f(addon.name)) }}
 {% endblock %}
 
+{% block bodyclass %}policy{% endblock %}
+
 {% block content %}
 <header>
   {# L10n: EULA stand for End User License Agreement #}
@@ -29,7 +31,7 @@
     {% endtrans %}
   </p>
 </div>
-<textarea readonly="readonly" cols="80" rows="20">{{ addon.eula }}</textarea>
+<textarea class="policy-statement" readonly="readonly" cols="80" rows="20">{{ addon.eula }}</textarea>
 {{ install_button(addon, version=version, show_contrib=False,
                   show_eula=False, show_warning=False) }}
 <p class="policy-link">

apps/addons/templates/addons/privacy.html

@@ -5,6 +5,8 @@
   {{ page_title(_('Privacy Policy for {0}')|f(addon.name)) }}
 {% endblock %}
 
+{% block bodyclass %}policy{% endblock %}
+
 {% set version = addon.current_version %}
 
 {% block content %}
@@ -23,7 +25,7 @@
   </h2>
 </header>
 <h3>{{ _('Privacy Policy') }}</h3>
-<textarea readonly="readonly" cols="80" rows="20">{{ addon.privacy_policy }}</textarea>
+<textarea class="policy-statement" readonly="readonly" cols="80" rows="20">{{ addon.privacy_policy }}</textarea>
 <p class="policy-link">
   <a href ="{{ url('addons.detail', addon.id) }}">
     {{ _('Back to {0}...')|f(addon.name) }}

media/css/main.css

@@ -72,6 +72,10 @@ body.about {
     margin: 1em 0 0;
 }
 
+body.policy header {
+    margin-left: 0;
+}
+
 body.about .section {
     overflow: hidden;
 }
@@ -1110,6 +1114,9 @@ form.favorite {
     margin-left: 1em;
     margin-top: 0.5em;
 }
+.policy-statement {
+    margin-bottom: 1em;
+}
 
 .prose {
     margin: 1em;