From bd21d6541aa22578d4ed2085df244885e4ca4270 Mon Sep 17 00:00:00 2001
From: yp05327 <576951401@qq.com>
Date: Mon, 6 Nov 2023 02:08:15 +0000
Subject: [PATCH 1/2] fix

---
 templates/repo/home.tmpl | 2 +-
 web_src/css/repo.css     | 8 --------
 2 files changed, 1 insertion(+), 9 deletions(-)

diff --git a/templates/repo/home.tmpl b/templates/repo/home.tmpl
index d3f0ead729999..ee0dd3162cbda 100644
--- a/templates/repo/home.tmpl
+++ b/templates/repo/home.tmpl
@@ -5,7 +5,7 @@
 		{{template "base/alert" .}}
 		{{template "repo/code/recently_pushed_new_branches" .}}
 		{{if and (not .HideRepoInfo) (not .IsBlame)}}
-		<div class="ui repo-description">
+		<div class="ui repo-description gt-word-break">
 			<div id="repo-desc" class="gt-font-16">
 				{{$description := .Repository.DescriptionHTML $.Context}}
 				{{if $description}}<span class="description">{{$description | RenderCodeBlock}}</span>{{else if .IsRepositoryAdmin}}<span class="no-description text-italic">{{ctx.Locale.Tr "repo.no_desc"}}</span>{{end}}
diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index e4995d42298b6..fdaf80c7677ea 100644
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -214,14 +214,6 @@
   margin-bottom: 5px;
 }
 
-@media (max-width: 767.68px) {
-  .repository.file.list .repo-description {
-    flex-direction: column;
-    gap: 8px;
-    align-items: normal;
-  }
-}
-
 .repository.file.list .repo-path {
   word-break: break-word;
 }

From cff36f95283bad31aea906efb4ce2bb2d49323e4 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 8 Nov 2023 00:20:03 +0100
Subject: [PATCH 2/2] improve display with search bar and mobile tweak

---
 web_src/css/repo.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index fdaf80c7677ea..5c3bd8d60d37a 100644
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -211,9 +211,17 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+  gap: 5px;
   margin-bottom: 5px;
 }
 
+@media (max-width: 767.98px) {
+  .repository.file.list .repo-description {
+    flex-direction: column;
+    align-items: stretch;
+  }
+}
+
 .repository.file.list .repo-path {
   word-break: break-word;
 }