Add correct padding below link post heading in index

- Fixes mmistakes#45

Author: mmistakes

_layouts/home.html

@@ -39,7 +39,7 @@ <h3><a href="{{ site.url}}/articles/">Recent Posts</a></h3>
   {% for post in site.posts limit:5 %}    
   <article>
     {% if post.link %}
-      <h2><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a> <a href="{{ post.link }}" target="_blank" title="{{ post.title }}"><i class="icon-link"></i></h2>
+      <h2 class="link-post"><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a> <a href="{{ post.link }}" target="_blank" title="{{ post.title }}"><i class="icon-link"></i></h2>
     {% else %}
       <h2><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h2>
       <p>{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}</p>

_layouts/post-index.html

@@ -48,7 +48,7 @@ <h3>{{ post.date | date: '%Y' }}</h3>
     {% endunless %}
     <article>
       {% if post.link %}
-        <h2><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a> <a href="{{ post.link }}" target="_blank" title="{{ post.title }}"><i class="icon-link"></i></h2>
+        <h2 class="link-post"><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a> <a href="{{ post.link }}" target="_blank" title="{{ post.title }}"><i class="icon-link"></i></h2>
       {% else %}
         <h2><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h2>
         <p>{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}</p>

assets/css/main.min.css

@@ -247,6 +247,10 @@ body {
 		h2 {
 			margin-bottom: 4px;
 			.font-rem(20);
+			&.link-post {
+				margin-bottom: 0px + @doc-line-height;
+				margin-bottom: 0rem + (@doc-line-height / @doc-font-size);
+			}
 		}
 		p {
 			.font-rem(14);