Clean up org pages layout (#37445)

1. Fix overview sidebar regression
2. Remove unnecessary classes and styles
3. Fix "org invite" page

templates/org/team/invite.tmpl

@@ -1,18 +1,14 @@
 {{template "base/head" .}}
-<div role="main" aria-label="{{.Title}}" class="page-content organization invite">
+<div role="main" aria-label="{{.Title}}" class="page-content">
 	<div class="ui container">
 		{{template "base/alert" .}}
-		<div class="ui centered card">
-			<div class="image">
-				{{ctx.AvatarUtils.Avatar .Organization 140}}
-			</div>
-			<div class="content">
-				<div class="header">{{ctx.Locale.Tr "org.teams.invite.title" .Team.Name .Organization.Name}}</div>
-				<div class="meta">{{ctx.Locale.Tr "org.teams.invite.by" .Inviter.Name}}</div>
-				<div class="description">{{ctx.Locale.Tr "org.teams.invite.description"}}</div>
-			</div>
-			<div class="extra content">
-				<form class="ui form" action="" method="post">
+		<div class="tw-flex tw-justify-center">
+			<div class="flex-relaxed-list">
+				<div class="tw-flex tw-justify-center">{{ctx.AvatarUtils.Avatar .Organization 140}}</div>
+				<div>{{ctx.Locale.Tr "org.teams.invite.title" .Team.Name .Organization.Name}}</div>
+				<div>{{ctx.Locale.Tr "org.teams.invite.by" .Inviter.Name}}</div>
+				<div>{{ctx.Locale.Tr "org.teams.invite.description"}}</div>
+				<form class="ui form tw-mt-4" action="" method="post">
 					<button class="fluid ui primary button">{{ctx.Locale.Tr "org.teams.join"}}</button>
 				</form>
 			</div>

templates/org/team/sidebar.tmpl

@@ -15,21 +15,21 @@
 			{{end}}
 		</div>
 	</h4>
-	<div class="ui attached table segment detail">
-		<div class="item">
+
+		<div class="ui attached segment">
 			{{if .Team.Description}}
 				{{.Team.Description}}
 			{{else}}
 				<span class="tw-text-text-light tw-italic">{{ctx.Locale.Tr "org.teams.no_desc"}}</span>
 			{{end}}
 		</div>
-		{{if eq .Team.LowerName "owners"}}
-			<div class="item">
+
+		<div class="ui attached segment">
+			{{/* TODO: old indent is kept to make diff changes minimal, can be reformatted in the future */}}
+			{{if eq .Team.LowerName "owners"}}
 				<p>{{ctx.Locale.Tr "org.teams.owners_permission_desc"}}</p>
 				<p>{{ctx.Locale.Tr "org.teams.owners_permission_suggestion"}}</p>
-			</div>
-		{{else}}
-			<div class="item">
+			{{else}}
 				<h3>{{ctx.Locale.Tr "org.team_access_desc"}}</h3>
 				<ul>
 					{{if .Team.IncludesAllRepositories}}
@@ -75,9 +75,9 @@
 						</tbody>
 					</table>
 				{{end}}
-			</div>
-		{{end}}
-	</div>
+			{{end}}
+		</div>
+
 	{{if .IsOrganizationOwner}}
 		<div class="ui bottom attached segment">
 			<a class="ui small button" href="{{.OrgLink}}/teams/{{.Team.LowerName | PathEscape}}/edit">{{svg "octicon-gear"}} {{ctx.Locale.Tr "org.teams.settings"}}</a>