# New user cards and user profile page design deployed

**URL:** https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660
**Category:** Feature
**Created:** [30 Octubre, 2014 00:42 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660 "2014-10-30T00:42:25Z")
**Posts on this page:** 20
**Page:** 3

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [5 Noviembre, 2014 22:08 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/45 "2014-11-05T22:08:31Z")

</div>

I just tried using Chrome.

Not logged in - looks OK  
Logged in - pushed down

The PM button at fault?

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [5 Noviembre, 2014 22:53 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/46 "2014-11-05T22:53:20Z")

</div>

I can’t reproduce this at all, in any browser. Can you try dumping your cache or hard refreshing?

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [5 Noviembre, 2014 23:17 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/47 "2014-11-05T23:17:23Z")

</div>

I emptied the cache, disabled addons (only have Ember inspector) and hard refreshed.  
Same quirk. Maybe div.names width?

 ![](https://global.discourse-cdn.com/meta/original/3X/9/5/95e563c3396aa7dc1fc456d0f9c910030fd136bd.png) 

 ![](https://global.discourse-cdn.com/meta/original/3X/6/1/61126de563d498a8ea3a5dba15d8b25e614a765f.png) 

I don’t know why it’s Chrome but not Firefox 😕

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [5 Noviembre, 2014 23:19 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/48 "2014-11-05T23:19:51Z")

</div>

Did that before reporting it 😄 So, yes, it still happens ☹

---

<div class="post-metadata">

### Author: ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)
#### Post date: [6 Noviembre, 2014 00:25 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/49 "2014-11-06T00:25:03Z")

</div>

Tested in Chrome - cleared cache and hard refresh  
`Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.111 Safari/537.36`  
 ![](https://global.discourse-cdn.com/meta/original/3X/2/2/2288be465eba26c3b63b8ab93d1893f090d31119.gif)

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [6 Noviembre, 2014 00:26 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/50 "2014-11-06T00:26:05Z")

</div>

Ah, cool, changing the margin does it for you too! 😄

---

<div class="post-metadata">

### Author: ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)
#### Post date: [6 Noviembre, 2014 00:27 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/51 "2014-11-06T00:27:56Z")

</div>

The fix is probably this:  
 ![](https://global.discourse-cdn.com/meta/original/3X/0/8/08231d53de3266bb68f0caef8f6c9231e02bc1eb.gif)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [6 Noviembre, 2014 00:40 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/52 "2014-11-06T00:40:01Z")

</div>

I still don’t understand why its not happening in my chrome … maybe something about being an admin ?

---

<div class="post-metadata">

### Author: ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)
#### Post date: [6 Noviembre, 2014 00:42 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/53 "2014-11-06T00:42:42Z")

</div>

By the way - checking your twitter link it looks wrong  
 ![](https://global.discourse-cdn.com/meta/original/3X/5/6/5684149022718c34c47f4c4bb81d4e94eb3aaf38.png)  
The dots are not required and take up more space than not including them.

Perhaps really what I’m trying to say is that it’s not obvious that your profile is made up of more text than displayed.

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [6 Noviembre, 2014 00:44 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/54 "2014-11-06T00:44:21Z")

</div>

The ellipsis are to indicate there is still more content (such as the link to his blog), it seems how they are appearing though makes it seem it is related to the twitter link instead.

---

<div class="post-metadata">

### Author: ![jaming](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jaming/32/41227_2.png) [@jaming](https://meta.discourse.org/u/jaming)
#### Post date: [6 Noviembre, 2014 01:58 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/55 "2014-11-06T01:58:27Z")

</div>

> [@sam](#):
>
> I still don’t understand why its not happening in my chrome … maybe something about being an admin ?

You’re using a MBP with a Retina display?

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [6 Noviembre, 2014 02:04 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/56 "2014-11-06T02:04:53Z")

</div>

I use everything, windows, mac and linux.

---

<div class="post-metadata">

### Author: ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)
#### Post date: [6 Noviembre, 2014 02:08 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/57 "2014-11-06T02:08:20Z")

</div>

@sam Feel free to impersonate me to see if it occurs (not that you need my permission).

---

<div class="post-metadata">

### Author: ![Sailsman63](https://avatars.discourse-cdn.com/v4/letter/s/b5ac83/32.png) [@Sailsman63](https://meta.discourse.org/u/Sailsman63)
#### Post date: [6 Noviembre, 2014 02:36 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/58 "2014-11-06T02:36:16Z")

</div>

Just as an experiment, I cleared my cache and changed screen resolution (Just to make sure this was not my display settings…) The alignment issues continued. The only thing that I gained is a new appreciation for my 1080p display. How did we ever survive on anything else? 😃

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [6 Noviembre, 2014 04:43 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/59 "2014-11-06T04:43:18Z")

</div>

Not having any luck here:

Linux, Chrome: Version 37.0.2062.120 (64-bit)

 ![](https://global.discourse-cdn.com/meta/original/3X/e/2/e271db2a80c7352a935f5213d04b6626b898c7f6.png)

Windows, Chrome Version 38.0.2125.111 m (64-bit)

 ![](https://global.discourse-cdn.com/meta/original/3X/e/6/e60e2e60bbd8ba020bce21c7f7b053ad27192900.png) 

Mac Version 38.0.2125.111

 ![](https://global.discourse-cdn.com/meta/original/3X/1/f/1f720cb68038b8e69d5d4baf0b2fdd52a2a58d1a.png)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [6 Noviembre, 2014 05:35 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/60 "2014-11-06T05:35:51Z")

</div>

@awesomerobot I wonder if this jutting out when no background thing is a good long approach. Success really depends a lot on position and avatar … for example

 ![](https://global.discourse-cdn.com/meta/original/3X/1/3/1301043b6e20d570930b9d0671206e4b24c1e26d.png) 

and

![](https://global.discourse-cdn.com/meta/original/3X/5/f/5fbe307a95775c1348582abdf69dd4dce5149e7f.png)

and

![](https://global.discourse-cdn.com/meta/original/3X/4/9/4951cce4c731c454cd13c6997c920ad8b20c02d2.png)

Perhaps we should just square this?

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [6 Noviembre, 2014 05:36 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/61 "2014-11-06T05:36:59Z")

</div>

I think it looks fine personally. The only one that is a problem is techapj and that is simply because black on black is never going to look right – and would not be fixed at all by adding more black…

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [6 Noviembre, 2014 05:40 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/62 "2014-11-06T05:40:48Z")

</div>

I have a repro but I need to hit CTRL + 3 times for it to happen. Any simple fix @awesomerobot

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [6 Noviembre, 2014 11:13 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/63 "2014-11-06T11:13:28Z")

</div>

As an FYI, I’m not zoomed in… 😕 but I’m pleased you found a way to recreate it.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [6 Noviembre, 2014 11:34 UTC](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660/64 "2014-11-06T11:34:13Z")

</div>

I’ll just suppress all default “list” margins on that `<ul>` element to see if it helps.

[Página anterior](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660.md?page=2)

[Página siguiente](https://meta.discourse.org/t/new-user-cards-and-user-profile-page-design-deployed/21660.md?page=4)
