toulouse-2022: extend button on mobile mode (#69785)

2022-10-24 12:19:38 +02:00 · 2022-10-24 12:19:38 +02:00 · 448c7f4547
parent 8f95483b94
commit 448c7f4547
1 changed files with 20 additions and 0 deletions
--- a/static/toulouse-2022/_custom.scss
+++ b/static/toulouse-2022/_custom.scss
@ -105,6 +105,26 @@ a.pk-button.pk-button {
 	}
 }

+// mobile buttons extended like metz-metropole-2019
+@media (max-width: $very-small-limit) {
+	form.quixote div.buttons {
+		display: flex;
+		div.widget {
+			div.content,
+			button {
+				width: 100%;
+			}
+			div.content {
+				padding-right: 1.5rem;
+			}
+		}
+		div.previous-button,
+		div.cancel-button,
+		div.submit-button {
+			flex: 1;
+		}
+	}
+}

 //
 //	GLOBAL LAYOUT