fix

Author: wxiaoguang

templates/org/home.tmpl

@@ -55,11 +55,12 @@
 				{{end}}
 
 				{{if .NumMembers}}
-					<h4 class="ui top attached header tw-flex">
-						<strong class="tw-flex-1">{{ctx.Locale.Tr "org.members"}}</strong>
+					<h4 class="ui top attached header flex-left-right">
+						<strong>{{ctx.Locale.Tr "org.members"}}</strong>
 						<a class="tw-text-text-light flex-text-inline" href="{{.OrgLink}}/members"><span>{{.NumMembers}}</span> {{svg "octicon-chevron-right"}}</a>
 					</h4>
-					<div class="ui attached segment members">
+					{{/* gap 8px below is speically chosen to make sure a full line of avatars can exactly fit the segment width */}}
+					<div class="ui attached segment flex-text-block tw-flex-wrap tw-gap-[8px]">
 						{{range $memberUser := .OrgOverviewMembers}}
 							{{if or $.IsOrganizationMember (call $.IsPublicMember $memberUser.ID)}}
 								{{template "shared/user/avatarlink" dict "user" $memberUser "size" 32 "tooltip" true}}
@@ -68,11 +69,12 @@
 					</div>
 				{{end}}
 				{{if .IsOrganizationMember}}
-					<div class="ui top attached header tw-flex">
-						<strong class="tw-flex-1">{{ctx.Locale.Tr "org.teams"}}</strong>
+					<div class="ui top attached header flex-left-right">
+						<strong>{{ctx.Locale.Tr "org.teams"}}</strong>
 						<a class="tw-text-text-light flex-text-inline" href="{{.OrgLink}}/teams"><span>{{.Org.NumTeams}}</span> {{svg "octicon-chevron-right"}}</a>
 					</div>
-					<div class="ui attached table segment teams">
+					<div class="ui attached segment">
+						<div class="ui relaxed list">
 						{{range .OrgOverviewTeams}}
 							<div class="item">
 								<a href="{{$.OrgLink}}/teams/{{.LowerName | PathEscape}}"><strong class="team-name">{{.Name}}</strong></a>
@@ -82,6 +84,7 @@
 								</p>
 							</div>
 						{{end}}
+						</div>
 					</div>
 					{{if .IsOrganizationOwner}}
 						<div class="ui bottom attached segment">