From a2fc95e7ff1cb00d2e4a74ff6d0c0cdf614fef8b Mon Sep 17 00:00:00 2001
From: Serghei Mihai <smihai@entrouvert.com>
Date: Tue, 10 Jan 2023 17:23:43 +0100
Subject: [PATCH] forms: don't re-order buttons on very small screens (#73175)

---
 static/includes/_forms.scss | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/static/includes/_forms.scss b/static/includes/_forms.scss
index 7b5b4349..824906ae 100644
--- a/static/includes/_forms.scss
+++ b/static/includes/_forms.scss
@@ -659,18 +659,20 @@ div.select2-search {
 		justify-content: $buttons-alignment;
 		margin-right: -1.5em;
 
-		@each $btn, $grow in $buttons-order {
-			$i: index($buttons-order, $btn);
-			@if $grow {
-				$i: index($buttons-order, $btn $grow);
-			}
-
-			.#{$btn}-button {
-				order: $i;
-				@if ($grow == 'grow') {
-					flex-grow: 1;
+		@media (min-width: $very-small-limit + 1) {
+			@each $btn, $grow in $buttons-order {
+				$i: index($buttons-order, $btn);
+				@if $grow {
+					$i: index($buttons-order, $btn $grow);
 				}
-	 		}
+
+				.#{$btn}-button {
+					order: $i;
+					@if ($grow == 'grow') {
+						flex-grow: 1;
+					}
+				}
+			}
 		}
 		// always hidden, exclude to flex-child
 		.savedraft-button {