From bec898f641a99bf143b507a1d801e1e729650a4a Mon Sep 17 00:00:00 2001
From: Saivann <saivann@gmail.com>
Date: Sat, 14 Jun 2014 21:05:56 -0400
Subject: [PATCH] Fix inconsistent margins and line breaks in contributors list

---
 _less/ie.css                |  9 +++++++++
 _less/rtl.less              |  2 +-
 _less/screen.less           | 17 ++++++++++++++---
 _templates/development.html | 13 ++++++++-----
 4 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/_less/ie.css b/_less/ie.css
index b7337f71..67ecad6a 100644
--- a/_less/ie.css
+++ b/_less/ie.css
@@ -260,6 +260,15 @@ body{
 	margin-bottom:30px;
 }
 
+.contributors div{
+	zoom:1;
+	display:inline;
+}
+.contributors span{
+	width:16px;
+	height:16px;
+}
+
 .foundation{
 	width:500px;
 }
diff --git a/_less/rtl.less b/_less/rtl.less
index 8aaed5fb..afe6cb1e 100644
--- a/_less/rtl.less
+++ b/_less/rtl.less
@@ -77,7 +77,7 @@ h2 .rssicon{
 .contributors{
 	text-align:right;
 }
-.contributors span{
+.contributors div{
 	direction:ltr;
 }
 .downloadbox div{
diff --git a/_less/screen.less b/_less/screen.less
index 3c2a2051..e291e7da 100644
--- a/_less/screen.less
+++ b/_less/screen.less
@@ -972,17 +972,28 @@ table td,table th{
 .contributors{
 	width:890px;
 	text-align:left;
-}
-.contributors span a{
 	font-size:80%;
 }
-.contributors span{
+.contributors img{
+	width:16px;
+	height:16px;
+}
+.contributors div{
 	padding:8px 0;
 	width:170px;
 	overflow:hidden;
 	display:inline-block;
 	vertical-align:top;
 }
+.contributors div div{
+	width:auto;
+	padding:0;
+}
+.contributors div div:first-child+div{
+	max-width:100px;
+	margin:0 2px;
+	white-space:nowrap;
+}
 
 .resources{
 	text-align:left;
diff --git a/_templates/development.html b/_templates/development.html
index bd915b83..7cd9877a 100755
--- a/_templates/development.html
+++ b/_templates/development.html
@@ -74,10 +74,13 @@ id: development
 <section id="contributors">
   <h2>{% translate contributors %}</h2>
   <p>{% translate contributorsorder %}</p>
-  <div class="contributors">{% for c in site.contributors %}
-    <span>
-      {% if c.gravatar_id %}<img class="icon" height="16" width="16" src="https://secure.gravatar.com/avatar/{{c.gravatar_id}}?s=140&amp;d=mm" alt="icon" />{% else %}<img class="icon" height="16" width="16" alt="icon" />{% endif %}
-      {% if c.login %}<a href="https://github.com/{{c.login}}">{{ c.name | htmlescape }} ({{ c.contributions }})</a>{% else %}<a>{{ c.name | htmlescape }} ({{ c.contributions }})</a>{% endif %}
-    </span>{% endfor %}
+  <div class="contributors">
+    {% for c in site.contributors %}
+    <div>
+      <div>{% if c.gravatar_id %}<img src="https://secure.gravatar.com/avatar/{{c.gravatar_id}}?s=140&amp;d=mm" alt="icon" />{% else %}<img alt="icon" />{% endif %}</div>
+      <div><a{% if c.login %} href="https://github.com/{{c.login}}"{% endif %}>{{ c.name | htmlescape }}</a></div>
+      <div>({{ c.contributions }})</div>
+    </div>
+    {% endfor %}
   </div>
 </section>