about page restyling

src/main/webapp/sass/components/_help.scss

@@ -3,3 +3,7 @@
 	padding: 0;
 	height: auto;
 }
+
+.help .about-module {
+	margin-bottom: 40px;
+}

src/main/webapp/templates/feeds.help.html

@@ -1,5 +1,7 @@
 <div class="row-fluid help">
 	<div class="span6">
+	
+		<div class="about-module">
 			<h4><i class="icon-question-sign"></i> ${toolbar.about}</h4>
 			<p>
 				${about.line1_prefix}<a href="https://github.com/Athou/commafeed" target="_blank">GitHub</a>${about.line1_suffix}
@@ -7,7 +9,9 @@
 			<p>
 				${about.line2_prefix}<a href="https://github.com/Athou/commafeed/issues" target="_blank">GitHub</a>${about.line2_suffix}
 			</p>
+		</div>
 		
+		<div class="about-module">
 			<h4><i class="icon-money"></i> ${toolbar.donate}</h4>
 			<p>
 				${about.line3}
@@ -27,7 +31,9 @@
 			</form>
 			${about.line4}
 			<code>1dymfUxqCWpyD7a6rQSqNy4rLVDBsAr5e</code>
+		</div>
 		
+		<div class="about-module">
 			<h4><i class="icon-puzzle-piece"></i> ${about.goodies}</h4>
 			<p>
 				<a href="https://chrome.google.com/webstore/detail/commafeed/bpbfpjiciblcfeganojjkfapnllbhdga" target="_blank">${about.goodies.chrome_extension}</a>
@@ -52,7 +58,9 @@
 				</select> 
 				<a href="next?category={{categoryId}}" target="_blank">${global.link}</a>
 			</p>
+		</div>
 		
+		<div class="about-module">
 			<h4><i class="icon-globe"></i> ${about.translation}</h4>
 			<p>
 				${about.translation.message}
@@ -62,7 +70,8 @@
 					${about.translation.link}
 				</a>
 			</p>
-		
+		</div>
+		<div class="about-module">
 			<h4><i class="icon-rocket"></i> ${about.rest_api}</h4>
 			<p>
 				${about.rest_api.line1}
@@ -70,13 +79,18 @@
 			<p>
 				<a href="api" target="_blank">${about.rest_api.link_to_documentation}</a>
 			</p>
-		
-		<h4><i class="icon-keyboard"></i> ${about.keyboard_shortcuts}</h4>
-		<div ng-include="'templates/_shortcuts.html'"></div>
+		</div>
 	</div>
 	<div class="span6">
+		<div class="about-module">
 			<h4><i class="icon-info-sign"></i> ${about.announcements}</h4>
 			<a class="twitter-timeline" href="https://twitter.com/CommaFeed" data-widget-id="333897786657480704">Tweets by @CommaFeed</a>
 			<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 		</div>
+		
+		<div class="about-module">
+			<h4><i class="icon-keyboard"></i> ${about.keyboard_shortcuts}</h4>
+			<div ng-include="'templates/_shortcuts.html'"></div>
+		</div>
+	</div>
 </div>