make the karma history positive & negative reputation blocks use CSS min-width instea...

[osqa.git] / forum / skins / default / templates / users / reputation.html

diff --git a/forum/skins/default/templates/users/reputation.html b/forum/skins/default/templates/users/reputation.html
index 5b1559c8b47d6d11a2d48a8a486b787fec4279a9..fe06b6eae0fff222385d4401670a72485231a887 100644 (file)
--- 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/>