From 726213e701af368fd23b9b52932cafdec932ea1b Mon Sep 17 00:00:00 2001
From: Vladimir Agafonkin <agafonkin@gmail.com>
Date: Thu, 19 Jul 2012 11:32:09 +0300
Subject: [PATCH] minor tweaks

---
 _layouts/default.html |  8 ++++----
 docs/css/screen.css   | 11 ++++++-----
 plugins.md            |  8 ++++----
 reference.html        |  1 +
 4 files changed, 15 insertions(+), 13 deletions(-)
diff --git a/_layouts/default.html b/_layouts/default.html
index fa0b40c8..27c30111 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -6,11 +6,11 @@
 	<title>{{ title }}Leaflet - a JavaScript library for mobile-friendly maps</title>
 
 	<meta charset="utf-8" />
-	
+
 	<meta property="og:title" content="Leaflet — an open-source JavaScript library for interactive maps" />
 	<meta property="og:description" content="Leaflet is a modern, lightweight BSD-licensed JavaScript library for making tile-based interactive maps for both desktop and mobile web browsers, developed by CloudMade to form the core of its next generation JavaScript API." />
 	<meta property="og:image" content="http://leaflet.cloudmade.com/docs/images/logo.png" />
-	
+
 	<meta itemprop="name" content="Leaflet">
 	<meta itemprop="description" content="Leaflet — a modern, lightweight open-source JavaScript library for mobile-friendly interactive maps.">
 	<meta itemprop="image" content="http://leaflet.cloudmade.com/docs/images/logo.png">
@@ -36,7 +36,7 @@
 	<!--[if lte IE 8]><link rel="stylesheet" href="dist/leaflet.ie.css" /><![endif]-->
 	<script src="{{ root }}dist/leaflet.js"></script>
 </head>
-<body>
+<body{% if page.bodyclass %} class="{{ page.bodyclass }}"{% endif %}>
 	<div class="container">
 		<h1><a href="http://leaflet.cloudmade.com">Leaflet</a></h1>
 		<h3 class="alt">An Open-Source JavaScript Library for Mobile-Friendly Interactive Maps by <a href="http://cloudmade.com">CloudMade</a></h3>
@@ -49,7 +49,7 @@
 			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://leaflet.cloudmade.com" data-text="Leaflet — an open-source JavaScript library for mobile-friendly interactive maps by @cloudmade" data-via="LeafletJS" data-related="CloudMade">Tweet</a>
 
 			<a href="https://twitter.com/LeafletJS" class="twitter-follow-button" data-show-count="true" data-show-screen-name="false">Follow @LeafletJS</a>
-			
+
 			<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 
 			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fleaflet.cloudmade.com&amp;layout=button_count&amp;show_faces=false&amp;width=430&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:87px; height:20px;" allowTransparency="true"></iframe>
diff --git a/docs/css/screen.css b/docs/css/screen.css
index 25a40657..0efca4c6 100644
--- a/docs/css/screen.css
+++ b/docs/css/screen.css
@@ -53,8 +53,8 @@ h1 a:hover, h1 a:focus {
 
 h2 {
 	font-size: 1.8em;
+	margin-top: 1em;
 	font-weight: bold;
-	margin-top: 2.5em;
 	padding: 4px 12px 3px;
 	margin-left: 0;
 	margin-right: 0;
@@ -78,9 +78,9 @@ h2 {
 
 	text-shadow: -1px -1px 0 #999;
 	}
-h2.less-margin {
-	margin-top: 1em;
-}
+.api-page h2 {
+	margin-top: 2.5em;
+	}
 h3 {
 	margin-top: 1.5em;
 	}
@@ -94,6 +94,7 @@ h4 {
 	font-weight: bold;
 	color: #555;
 	}
+
 h3.alt {
 	color: #999;
 	font-family: Georgia, serif;
@@ -145,7 +146,7 @@ td {
 
 .nav {
 	padding: 0;
-	margin: 28px 0 2.5em;
+	margin: 28px 0 32px;
 
 	list-style: none;
 	font-size: 1.2em;
diff --git a/plugins.md b/plugins.md
index 719eb19e..c0a92100 100644
--- a/plugins.md
+++ b/plugins.md
@@ -8,7 +8,7 @@ title: Plugins
 While Leaflet is meant to be as lightweight as possible, and focuses on a core set of features, an easy way to extend its functionality is to use third-party plugins. Thanks to the awesome community behind Leaflet, there are lots of nice plugins to choose from.
 
 
-<h2 class="less-margin">Layers and Overlays</h2>
+## Layers and Overlays
 
 <table class="plugins">
 	<tr>
@@ -64,7 +64,7 @@ While Leaflet is meant to be as lightweight as possible, and focuses on a core s
 </table>
 
 
-<h2 class="less-margin">Services, Providers and Formats</h2>
+## Services, Providers and Formats
 
 <table class="plugins">
 	<tr>
@@ -147,7 +147,7 @@ While Leaflet is meant to be as lightweight as possible, and focuses on a core s
 </table>
 
 
-<h2 class="less-margin">Controls</h2>
+## Controls
 
 <table class="plugins">
 	<tr>
@@ -212,7 +212,7 @@ While Leaflet is meant to be as lightweight as possible, and focuses on a core s
 </table>
 
 
-<h2 class="less-margin">Other Plugins</h2>
+## Other Plugins
 
 <table class="plugins">
 	<tr>
diff --git a/reference.html b/reference.html
index a8de4524..5e33d17c 100644
--- a/reference.html
+++ b/reference.html
@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Documentation
+bodyclass: api-page
 ---
 
 <div id="toc" class="clearfix">
