From 4092c044e0ccd0f3b6c9224c34fb7d1265851f4b Mon Sep 17 00:00:00 2001
From: Kyle D <kdumontnu@gmail.com>
Date: Sun, 3 Jan 2021 14:20:05 -0700
Subject: [PATCH] Kd/fix team avatar aspect ratio (#14200)

* Add org member avatar to text data for fixed width

* set min-width to prevent single char lines
---
 templates/org/member/members.tmpl | 10 +++++-----
 web_src/less/_organization.less   |  6 +++++-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/templates/org/member/members.tmpl b/templates/org/member/members.tmpl
index 74d84b2e87..0952d12766 100644
--- a/templates/org/member/members.tmpl
+++ b/templates/org/member/members.tmpl
@@ -7,12 +7,12 @@
 		<div class="list">
 			{{ range .Members}}
 				<div class="item ui grid">
-					<div class="ui one wide column">
+					<div class="ui four wide column" style="display: flex;">
 						{{avatar . 48}}
-					</div>
-					<div class="ui three wide column">
-						<div class="meta"><a href="{{.HomeLink}}">{{.Name}}</a></div>
-						<div class="meta">{{.FullName}}</div>
+						<div>
+							<div class="meta"><a href="{{.HomeLink}}">{{.Name}}</a></div>
+							<div class="meta">{{.FullName}}</div>
+						</div>
 					</div>
 					<div class="ui four wide column center">
 						<div class="meta">
diff --git a/web_src/less/_organization.less b/web_src/less/_organization.less
index 1a458da61d..64da65f7af 100644
--- a/web_src/less/_organization.less
+++ b/web_src/less/_organization.less
@@ -121,11 +121,15 @@
 
         .ui.avatar {
           width: 48px;
-          height: 48px;
+          height: auto;
+          margin-right: 1rem;
+          align-self: flex-start;
         }
 
         .meta {
           line-height: 24px;
+          word-break: break-word;
+          min-width: 2em;
         }
       }
     }