Fix issues with layout in user cards

WasabiFan · WasabiFan · commit f1df37cbb170 · 2016-05-06T16:59:13.000-07:00
- Fixes an issue where the avatar would extend outside the card in Firefox
  - Bypasses a race condition that made card layout dependent on avatar load time
diff --git a/javascripts/cards.js b/javascripts/cards.js
@@ -14,11 +14,11 @@ $(document).ready(function () {
             $textDiv.append('<div class="user-card-name">' + (userData.name || userData.login) + '</div>');
             $textDiv.append('<div class="user-card-login">@' + userData.login + '</div>');
             
-            // Give the text a margin to make sure it does not go below the avatar
+            // Give the text a margin to make sure it does not overlap the avatar
             $avatarDiv.resize(function() {
                 $textDiv.css({
                     width: 'auto',
-                    "margin-left": $avatarDiv.width()
+                    "margin-left": $avatarDiv.height()
                 });
             });
             
diff --git a/stylesheets/user-cards.scss b/stylesheets/user-cards.scss
@@ -44,7 +44,7 @@
         position: absolute;
         float: left;
         height: 100%;
-        width: auto;
+        width: 0;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
