From 7f38cf71fe0dce89b3d7c8749046c43c2b84efe1 Mon Sep 17 00:00:00 2001
From: Denys Konovalov <kontakt@denyskon.de>
Date: Mon, 19 Jun 2023 19:12:15 +0200
Subject: [PATCH] Fix issue filters on mobile view (#25368)

Fix #24846 applying the solution proposed by @silverwind

<details>
<summary>Screenshots</summary>


![Bildschirmfoto vom 2023-06-19
12-20-54](https://github.com/go-gitea/gitea/assets/47871822/3f4e4536-38c4-451b-bfc0-a7c39acd37f0)
![Bildschirmfoto vom 2023-06-19
12-21-02](https://github.com/go-gitea/gitea/assets/47871822/3403ecc2-4d7f-4acd-b0c0-1b7a10228ff7)
![Bildschirmfoto vom 2023-06-19
12-21-16](https://github.com/go-gitea/gitea/assets/47871822/ef28a2bf-b7cc-4aec-b54b-99d2cc46a1f6)
![Bildschirmfoto vom 2023-06-19
12-21-21](https://github.com/go-gitea/gitea/assets/47871822/f8cd72a5-379e-410b-b0ef-d58895719370)
![Bildschirmfoto vom 2023-06-19
12-21-28](https://github.com/go-gitea/gitea/assets/47871822/34c78301-820c-4106-a086-ae81dc97eb91)
![Bildschirmfoto vom 2023-06-19
12-21-48](https://github.com/go-gitea/gitea/assets/47871822/b677adf1-3a48-42c8-befe-fa9d2679f0a3)
</details>



Replaces #25335
---
 templates/repo/issue/list.tmpl  |  4 ++--
 web_src/css/repo/issue-list.css | 13 ++++++++-----
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/templates/repo/issue/list.tmpl b/templates/repo/issue/list.tmpl
index 12eb31acdc..3574719eae 100644
--- a/templates/repo/issue/list.tmpl
+++ b/templates/repo/issue/list.tmpl
@@ -89,7 +89,7 @@
 				{{template "repo/issue/openclose" .}}
 			</div>
 			<div class="issue-list-toolbar-right">
-				<div class="ui secondary filter stackable menu labels">
+				<div class="ui secondary filter menu labels">
 					<!-- Label -->
 					<div class="ui {{if not .Labels}}disabled{{end}} dropdown jump item label-filter">
 						<span class="text">
@@ -278,7 +278,7 @@
 				{{template "repo/issue/openclose" .}}
 			</div>
 			<div class="issue-list-toolbar-right">
-				<div class="ui secondary filter stackable menu">
+				<div class="ui secondary filter menu">
 					{{if not .Repository.IsArchived}}
 					<!-- Action Button -->
 					{{if .IsShowClosed}}
diff --git a/web_src/css/repo/issue-list.css b/web_src/css/repo/issue-list.css
index ddd425d068..8602bb9a97 100644
--- a/web_src/css/repo/issue-list.css
+++ b/web_src/css/repo/issue-list.css
@@ -1,6 +1,7 @@
 .issue-list-toolbar {
   display: flex;
   flex-wrap: wrap;
+  justify-content: space-between;
   align-items: flex-start;
   gap: 1rem;
   margin-top: 1rem;
@@ -10,17 +11,19 @@
   display: flex;
 }
 
-.issue-list-toolbar-right {
-  margin-left: auto;
+.issue-list-toolbar-right .filter.menu {
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 8px;
 }
 
 @media (max-width: 767.98px) {
   .issue-list-toolbar {
     flex-direction: column-reverse;
   }
-  .issue-list-toolbar-right {
-    margin-right: auto;
-    width: 100%;
+  .issue-list-toolbar-right .dropdown .menu {
+    left: auto !important;
+    right: auto !important;
   }
   .issue-list-navbar {
     order: 0;