let's use css for borders

frontend/templates/supporter.html

@@ -102,7 +102,7 @@ there's no tab for seeing ALL my books, only the filters! huh.
                                 <span class="user-badges">
                                     {% if supporter.profile.badges.all %}
                                         {% for badge in supporter.profile.badges.all %}
-                                            <img src="{{ badge.path }}" alt="{{ badge.description }}" title="{{ badge.description }}"  />                                
+                                            <img src="{{ badge.path }}" alt="{{ badge.description }}" title="{{ badge.description }}" width="26px" height="26px" class="{{ badge.name }}" />                                
                                         {% endfor %}
                                     {% endif %}
                                 </span>

static/css/supporter_layout.css

@@ -204,6 +204,12 @@ img.user-avatar {
 .user-badges img {
   vertical-align: text-bottom;
 }
+.user-badges img.pledger {
+  border: 3px solid orange;
+  -moz-border-radius: 7px;
+  -webkit-border-radius: 7px;
+  border-radius: 7px;
+}
 .social {
   width: 100%;
 }

static/less/supporter_layout.less

@@ -129,6 +129,11 @@ img.user-avatar {
     
     img {
       vertical-align:text-bottom;
+      
+      &.pledger {
+        border: 3px solid orange;
+        .one-border-radius(7px);
+      }
     }
 }