From b8fc56885ecfbbd2ddeabb5f1c0eaa7115aa440b Mon Sep 17 00:00:00 2001
From: Michael Zhang <mail@mzhang.io>
Date: Fri, 11 Oct 2024 16:58:15 -0500
Subject: [PATCH] fix: use column flex on mobile to prevent project title from
wrapping
(cherry picked from commit dcae7d368c1ec3f5da8454672cfe5a3fd5c641d3)
---
templates/projects/view.tmpl | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/templates/projects/view.tmpl b/templates/projects/view.tmpl
index 564ec1b13d..08b08b95e5 100644
--- a/templates/projects/view.tmpl
+++ b/templates/projects/view.tmpl
@@ -1,7 +1,7 @@
{{$canWriteProject := and .CanWriteProjects (or (not .Repository) (not .Repository.IsArchived))}}
<div class="ui container tw-max-w-full">
- <div class="tw-flex tw-justify-between tw-items-center tw-mb-4 tw-gap-3">
+ <div class="tw-flex max-sm:tw-flex-col tw-justify-between tw-items-center tw-mb-4 tw-gap-3">
<h2 class="tw-mb-0 tw-flex-1 tw-break-anywhere">{{.Project.Title}}</h2>
{{if $canWriteProject}}
<div class="ui compact mini menu">