# Custom fields alignment on user profile

**URL:** https://meta.discourse.org/t/custom-fields-alignment-on-user-profile/91595
**Category:** UX
**Created:** [July 4, 2018, 10:03pm UTC](https://meta.discourse.org/t/custom-fields-alignment-on-user-profile/91595 "2018-07-04T22:03:35Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [July 4, 2018, 10:03pm UTC](https://meta.discourse.org/t/custom-fields-alignment-on-user-profile/91595/1 "2018-07-04T22:03:35Z")

</div>

Hi,  
Here’s the profile of one of my users:

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

I feel that would be better like this (I added an `overflow: hidden;`):

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/1/411b7cbf189ae94bb916696ba15c2fc348aded61.png)

What do you think?

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [July 5, 2018, 10:09pm UTC](https://meta.discourse.org/t/custom-fields-alignment-on-user-profile/91595/2 "2018-07-05T22:09:07Z")

</div>

> [@Canapin](#):
>
> What do you think?

Worthy of a pull request 😉

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [July 5, 2018, 11:23pm UTC](https://meta.discourse.org/t/custom-fields-alignment-on-user-profile/91595/3 "2018-07-05T23:23:08Z")

</div>

It seems that the bio div also have an overflow hidden for this purpose. On the profil on my screenshot, there is no bio to push down the custom fields so this happens. I guess only adding this overflow hidden on the comment fields div on the profile page would do the trick. I might do a pull request after a good, sweet night (late here! 🇫🇷 ). 🙂

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [July 6, 2018, 9:08pm UTC](https://meta.discourse.org/t/custom-fields-alignment-on-user-profile/91595/4 "2018-07-06T21:08:22Z")

</div>

What would be better? Make it to the right of the avatar like my first suggestion (as the bio div also does), or make it under the avatar like this?

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

In both cases, the custom fields will go under the avatar when a bio is present, like this:

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

---

<div class="post-metadata">

### Author: ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [July 10, 2018, 12:03am UTC](https://meta.discourse.org/t/custom-fields-alignment-on-user-profile/91595/5 "2018-07-10T00:03:58Z")

</div>

thank you @Canapin

Merged in

[https://github.com/discourse/discourse/commit/6cc860be095f92f0da280bf1ff97500c43014770](https://github.com/discourse/discourse/commit/6cc860be095f92f0da280bf1ff97500c43014770)

---

<div class="post-metadata">

### Author: ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [July 14, 2018, 10:00am UTC](https://meta.discourse.org/t/custom-fields-alignment-on-user-profile/91595/6 "2018-07-14T10:00:01Z")

</div>

This topic was automatically closed after 4 days. New replies are no longer allowed.