From: jordan <jordan@0cfe37f9-358a-4d5e-be75-b63607b5c754>
Date: Mon, 9 Apr 2012 20:19:56 +0000 (+0000)
Subject: make the karma history positive & negative reputation blocks use CSS min-width instea... 
X-Git-Tag: live~70
X-Git-Url: https://git.openstreetmap.org/osqa.git/commitdiff_plain/32509c7ba5495ee0b0e42b0343cbd2a6125532cd

make the karma history positive & negative reputation blocks use CSS min-width instead of width, other wise 100 reputation in block overflows into 10(line break)0

git-svn-id: http://svn.osqa.net/svnroot/osqa/trunk@1247 0cfe37f9-358a-4d5e-be75-b63607b5c754
---

diff --git a/forum/skins/default/templates/users/reputation.html b/forum/skins/default/templates/users/reputation.html
index 5b1559c..fe06b6e 100644
--- a/forum/skins/default/templates/users/reputation.html
+++ b/forum/skins/default/templates/users/reputation.html
@@ -21,6 +21,20 @@
         });
 
         </script>
+
+        <style type="text/css">
+            div.positiveReputation {
+                float: left;
+                min-width: 20px;
+                color: green;
+                padding-right: 5px;
+            }
+            div.negativeReputation {
+                float: left;
+                min-width: 20px;
+                color: red;
+            }
+        </style>
 {% endblock %}
 {% block usercontent %}
         <div style="padding:5px;font-size:13px;">
@@ -31,8 +45,8 @@
                 {% for rep in reputation %}
                 <p style="clear:both">
                     <div style="float:left;text-align:right;font-family:arial;font-weight:bold;background:#eee;padding:2px 10px 2px 10px;margin-right:5px">
-                        <div style="float:left;width:20px;color:green;padding-right:5px">{{ rep.positive }}</div>
-                        <div style="float:left;width:20px;color:red">{{ rep.negative }}</div>
+                        <div class="positiveReputation">{{ rep.positive }}</div>
+                        <div class="negativeReputation">{{ rep.negative }}</div>
                         
                     </div>
                     {% activity_item rep.action request.user %}<br/>