fix headers in export sidebar

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 557ef94f0a4911b35d3ea7f813d54d3e2043394f..66cbb5d2ab1f331f5b7471be30e79652bc16c524 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -1123,6 +1123,25 @@ a.donate {
   margin: $lineheight/4;
 }
 
+#export_osm {
+  span.small-title { 
+    font-weight: 500;
+    display: block;
+    font-size: 14px;
+    padding-bottom: 5px; 
+  }
+
+  dl {
+    padding-left: 30px;
+    font-size: 13px;
+    color: #666;
+    dd {
+      margin-left: 0;
+      margin-bottom: 10px;
+    }
+  }
+}
+
 /* Rules for edit pages */
 
 .site-edit {

diff --git a/app/views/site/export.html.erb b/app/views/site/export.html.erb
index 978244db485c6a4679b7b4c00347a62c8878c963..127a4767b422d57db15dce6ebcdde0cbb2cdac11 100644 (file)
--- a/app/views/site/export.html.erb
+++ b/app/views/site/export.html.erb
@@ -16,14 +16,12 @@
   </div>
 
   <div id="export_osm">
-    <h4><strong><%= t'export.start.licence' %></strong><br>
-    <%= raw t'export.start.export_details' %></h4>
+    <h4><span class="small-title"><%= t'export.start.licence' %></span><%= raw t'export.start.export_details' %></h4>
 
     <div  id="export_osm_too_large">
       <div class="export_details">
-        <h4><strong class="red"><%= t'export.start.too_large.heading' %></strong><br>
-        <%= t'export.start.too_large.body' %></p>
-        <dl>
+        <h4><span class="small-title red"><%= t'export.start.too_large.heading' %></span><%= t'export.start.too_large.body' %></h4>
+        <dl class="inner12">
           <dt><a href="http://planet.openstreetmap.org/"><%= t'export.start.too_large.planet.title' %></a></dt>
           <dd><%= t'export.start.too_large.planet.description' %></dd>