From ddd7e8a42c00f60639cd9653b5f3bc313cc9e177 Mon Sep 17 00:00:00 2001
From: jordan <jordan@0cfe37f9-358a-4d5e-be75-b63607b5c754>
Date: Tue, 13 Sep 2011 20:41:08 +0000
Subject: [PATCH] bugfix for issue 376, migrating inline styles to the CSS file
 and using relative values for the width

git-svn-id: http://svn.osqa.net/svnroot/osqa/trunk@1173 0cfe37f9-358a-4d5e-be75-b63607b5c754
---
 forum/skins/default/media/style/style.css | 23 +++++++++++++++++++++++
 forum/skins/default/templates/badges.html |  8 ++++----
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/forum/skins/default/media/style/style.css b/forum/skins/default/media/style/style.css
index e20a51e..e329cf2 100644
--- a/forum/skins/default/media/style/style.css
+++ b/forum/skins/default/media/style/style.css
@@ -820,6 +820,29 @@ div.question-body p, div.answer-body p {
     color: #333333;
 }
 
+#medalList .badgeListDescription {
+    float: left;
+    margin-top: 8px;
+    max-width: 60%;
+}
+
+#medalList .badgeListItem {
+    float: left;
+    width: 32%;
+}
+
+#medalList .intoMyBadges span {
+    font-size: 175%;
+    padding-right: 5px;
+    color: #5B9058;
+}
+#medalList .intoMyBadges {
+    float: left;
+    min-width: 5%;
+    text-align: right;
+    height:30px;
+}
+
 .list-item {
     margin-left: 15px;
 }
diff --git a/forum/skins/default/templates/badges.html b/forum/skins/default/templates/badges.html
index 7184204..019a329 100644
--- a/forum/skins/default/templates/badges.html
+++ b/forum/skins/default/templates/badges.html
@@ -17,15 +17,15 @@
     <div id="medalList">
         {% for badge in badges %}
         <div style="clear:both;line-height:30px">
-            <div style="float:left;min-width:30px;text-align:right;height:30px">
+            <div class="intoMyBadges">
             {% if badge.id in mybadges %}
-                 <span style="font-size:175%; padding-right:5px; color:#5B9058;">&#10004;</span>
+                 <span>&#10004;</span>
             {% endif %}
             </div>
-            <div style="float:left;width:230px;">
+            <div class="badgeListItem">
                 <a href="{{badge.get_absolute_url}}" title="{{ badge.get_type_display }} : {{ badge.description }}" class="medal"><span class="badge{{ badge.type }}">&#9679;</span>&nbsp;{{ badge.name }}</a><strong> &#215; {{ badge.awarded_count|intcomma }}</strong>
             </div>
-            <p style="float:left;margin-top:8px;">
+            <p class="badgeListDescription">
                 {{ badge.description }}
             </p>
         </div>
-- 
2.45.1