From ad2dd536eb97f47cc2c049ee1ae9a23988675b99 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Mon, 27 Sep 2021 19:44:18 +0200
Subject: [PATCH] add style for joined/toggled buttons (#57318)

---
 gadjo/static/css/_forms.scss | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/gadjo/static/css/_forms.scss b/gadjo/static/css/_forms.scss
index c91f00c..f0f1969 100644
--- a/gadjo/static/css/_forms.scss
+++ b/gadjo/static/css/_forms.scss
@@ -94,7 +94,7 @@ a.button {
 	background: white;
 	border: 1px solid $button-color;
 	color: $button-color;
-	&:hover {
+	&[aria-pressed=true], &:hover {
 		background: $button-color;
 		color: white;
 		border-color: darken($button-color, 20%);
@@ -550,3 +550,18 @@ form.pk-mark-optional-fields {
 		font-style: italic;
 	}
 }
+
+.gadjo-joined-buttons {
+	display: inline-flex;
+	button {
+		border-radius: 0;
+		margin-left: -1px; // join borders
+		&:first-child {
+			border-radius: 3px 0 0 3px;
+			margin-left: 0px;
+		}
+		&:last-child {
+			border-radius: 0 3px 3px 0;
+		}
+	}
+}