🎨 retours UI

- Les activités peuvent tenir à trois sur une même ligne
- Le texte du bouton peut être selectioné

source/components/ui/Button/button.css

@@ -206,6 +206,7 @@
 }
 .ui__.button-choice {
 	display: flex;
+	user-select: text;
 	align-items: baseline;
 	flex-wrap: wrap;
 	padding: 1rem;
@@ -257,7 +258,7 @@
 }
 
 .ui__.button-choice.block img {
-	margin: 1rem !important;
+	margin: 0.8rem !important;
 }
 
 .ui__.button-choice:hover,

source/sites/mon-entreprise.fr/pages/ÉconomieCollaborative/ActivitésSelection.js

@@ -85,7 +85,7 @@ export const ActivitéSelection = withSitePaths(
 )
 
 const activitéCardCss = `
-	width: 15rem;
+	width: 14rem;
 	justify-content: center;
 	margin: 1rem !important;
 	font-size: initial! important;

source/sites/mon-entreprise.fr/pages/ÉconomieCollaborative/VotreSituation.js

@@ -126,7 +126,7 @@ export default withSitePaths(function VotreSituation({ sitePaths }) {
 const ActivitéList = ({ activités }) => {
 	const { state } = useContext(StoreContext)
 	return (
-		<div css="display: flex; flex-wrap: wrap;">
+		<div css="display: flex; flex-wrap: wrap; margin: 0 -1rem;">
 			{activités.map(title => (
 				<ActivitéCard
 					key={title}