From 228db3cc4f2a3bbcf4db8c0b138761e97d2fa3e2 Mon Sep 17 00:00:00 2001
From: Kyle D <kdumontnu@gmail.com>
Date: Wed, 30 Dec 2020 21:06:27 -0700
Subject: [PATCH 1/2] Add org member avatar to text data for fixed width

---
 templates/org/member/members.tmpl | 10 +++++-----
 web_src/less/_organization.less   |  5 ++++-
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/templates/org/member/members.tmpl b/templates/org/member/members.tmpl
index 74d84b2e876fa..0952d127666da 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 1a458da61d344..f44cb10f2f601 100644
--- a/web_src/less/_organization.less
+++ b/web_src/less/_organization.less
@@ -121,11 +121,14 @@
 
         .ui.avatar {
           width: 48px;
-          height: 48px;
+          height: auto;
+          margin-right: 1rem;
+          align-self: flex-start;
         }
 
         .meta {
           line-height: 24px;
+          word-break: break-word;
         }
       }
     }

From ecd8f423ed2c614d879dc1c14dc805970616a360 Mon Sep 17 00:00:00 2001
From: Kyle D <kdumontnu@gmail.com>
Date: Wed, 30 Dec 2020 22:19:03 -0700
Subject: [PATCH 2/2] set min-width to prevent single char lines

---
 web_src/less/_organization.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web_src/less/_organization.less b/web_src/less/_organization.less
index f44cb10f2f601..64da65f7af7f8 100644
--- a/web_src/less/_organization.less
+++ b/web_src/less/_organization.less
@@ -129,6 +129,7 @@
         .meta {
           line-height: 24px;
           word-break: break-word;
+          min-width: 2em;
         }
       }
     }