From 158b933d1ceb18765fc09aaff9bcfebb7c214204 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Mon, 24 Jan 2022 20:08:07 +0100
Subject: [PATCH] add styles for horizontal button links (#58153)

---
 gadjo/static/css/_forms.scss  |  1 +
 gadjo/static/css/_portal.scss | 33 +++++++++++++++++++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/gadjo/static/css/_forms.scss b/gadjo/static/css/_forms.scss
index f0f1969..7bc33fa 100644
--- a/gadjo/static/css/_forms.scss
+++ b/gadjo/static/css/_forms.scss
@@ -92,6 +92,7 @@ a.button {
 	border-radius: 3px;
 	font-weight: bold;
 	background: white;
+	text-align: center;
 	border: 1px solid $button-color;
 	color: $button-color;
 	&[aria-pressed=true], &:hover {
diff --git a/gadjo/static/css/_portal.scss b/gadjo/static/css/_portal.scss
index 49ee01e..5893a44 100644
--- a/gadjo/static/css/_portal.scss
+++ b/gadjo/static/css/_portal.scss
@@ -83,3 +83,36 @@ div.combo-search-results {
 		border-bottom-color: transparent;
 	}
 }
+
+.link-list-cell.pk-horizontal-button-links,
+.link-list-cell.pk-wide-horizontal-button-links {
+	ul {
+		display: flex;
+		@media screen and (max-width: $mobile-limit) {
+			flex-direction: column;
+		}
+	}
+	li {
+		&:not(:last-child) {
+			margin-right: 1em;
+		}
+		border: none;
+		&:hover {
+			background: transparent;
+		}
+		@media screen and (max-width: $mobile-limit) {
+			&:not(:last-child) {
+				margin-right: 0;
+			}
+			margin-bottom: 0.5em;
+		}
+	}
+	&.pk-wide-horizontal-button-links {
+		li {
+			flex: 1;
+		}
+	}
+	a {
+		@extend %button;
+	}
+}