use flex-list correctly

Author: wxiaoguang

templates/repo/home_sidebar_top.tmpl

@@ -11,16 +11,14 @@
 			<div class="flex-item-title">
 				{{ctx.Locale.Tr "repo.repo_desc"}}
 			</div>
+			<div class="flex-item-body">
+
 			{{if and (not .HideRepoInfo) (not .IsBlame)}}
-				<div class="flex-item-body repo-description tw-break-anywhere tw-gap-2 tw-my-2">
+				<div class="repo-description tw-break-anywhere tw-gap-2 tw-mt-2">
 					{{- $description := .Repository.DescriptionHTML ctx -}}
 					{{if $description}}{{$description | RenderCodeBlock}}{{else}}{{ctx.Locale.Tr "repo.repo_no_desc"}}{{end}}
+					{{if .Repository.Website}}{{svg "octicon-link"}}<a href="{{.Repository.Website}}">{{.Repository.Website}}</a>{{end}}
 				</div>
-				{{if .Repository.Website}}
-					<a class="flex-text-block muted" href="{{.Repository.Website}}">
-						{{svg "octicon-link"}} <span class="tw-text-primary">{{.Repository.Website}}</span>
-					</a>
-				{{end}}
 				<div class="tw-flex tw-items-center tw-flex-wrap tw-gap-2 tw-my-2" id="repo-topics">
 					{{/* !!!! it SHOULD and MUST match the code in issue-home.js */}}
 					{{range .Topics}}<a class="repo-topic ui large label gt-ellipsis" title={{.Name}} href="{{AppSubUrl}}/explore/repos?q={{.Name}}&topic=1">{{.Name}}</a>{{end}}
@@ -29,8 +27,9 @@
 					<button id="manage_topic" class="btn interact-fg tw-text-12">{{ctx.Locale.Tr "repo.topic.manage_topics"}}</button>
 				{{end}}
 			{{end}}
+
 			{{if and .Permission.IsAdmin (not .Repository.IsArchived)}}
-				<div class="ui form tw-hidden flex-item-body tw-gap-2 tw-my-2" id="topic_edit">
+				<div class="ui form tw-hidden tw-gap-2 tw-my-2" id="topic_edit">
 					<div class="ui fluid multiple search selection dropdown tw-flex-wrap tw-flex-1">
 						<input type="hidden" name="topics" value="{{range $i, $v := .Topics}}{{.Name}}{{if Eval $i "+" 1 "<" (len $.Topics)}},{{end}}{{end}}">
 						{{range .Topics}}
@@ -45,23 +44,31 @@
 					</div>
 				</div>
 			{{end}}
-			<div class="flex-item-body tw-flex tw-flex-col tw-gap-1 tw-mt-2 tw-items-start">
-				{{if .ReadmeExist}}
+
+			{{if .ReadmeExist}}
+				<div class="tw-mt-2">
 					<a class="flex-text-block muted" href="{{.TreeLink}}/{{.FileName}}">
 						{{svg "octicon-book"}} {{ctx.Locale.Tr "readme"}}
 					</a>
-				{{end}}
-				{{if .DetectedRepoLicenses}}
+				</div>
+			{{end}}
+
+			{{if .DetectedRepoLicenses}}
+				<div>
 					<a class="flex-text-block muted" href="{{.RepoLink}}/src/{{.Repository.DefaultBranch}}/{{PathEscapeSegments .LicenseFileName}}" title="{{StringUtils.Join .DetectedRepoLicenses ", "}}">
 						{{svg "octicon-law"}} {{if eq (len .DetectedRepoLicenses) 1}}{{index .DetectedRepoLicenses 0}}{{else}}{{ctx.Locale.Tr "repo.multiple_licenses"}}{{end}}
 					</a>
-				{{end}}
-				{{if .CitiationExist}}
+				</div>
+			{{end}}
+			{{if .CitiationExist}}
+				<div>
 					{{template "repo/cite/cite_modal" .}}
 					<a class="flex-text-block muted" id="cite-repo-button">
 						{{svg "octicon-cross-reference"}} {{ctx.Locale.Tr "repo.cite_this_repo"}}
 					</a>
-				{{end}}
+				</div>
+			{{end}}
+
 			</div>
 		</div>
 	</div>