From 46fc5fdbeae457eb3ef1c678230f9a6cb89b2eb8 Mon Sep 17 00:00:00 2001
From: Tixie <tixie@guerilla.studio>
Date: Thu, 2 Mar 2023 10:54:28 +0100
Subject: [PATCH] Make resources links full width on mobile

---
 src/index.njk | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/index.njk b/src/index.njk
index aad332a..6ddfb78 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -54,27 +54,27 @@ permalink:
 		<a class="btn--social btn--invisible" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.compteurdegreve.fr%2F&text=Le%207%20mars%2C%20je%20ferai%20gr%C3%A8ve%20contre%20la%20r%C3%A9forme%20des%20retraites.%20Et%20vous%20%3F%20%20Ajoutez%20%2B1%20au%20compteur%20de%20gr%C3%A8ve%20et%20faites%20tourner%20!%20%23CompteurDeGreve" target="_blank" aria-label="Partager sur Twitter">{% include 'icons/social/twitter.svg' %}</a>
 		<a class="btn--social btn--invisible" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.compteurdegreve.fr%2F" target="_blank" aria-label="Partager sur Facebook">{% include 'icons/social/facebook.svg' %}</a>
 		{# <a class="btn--social btn--invisible" href="" target="_blank" aria-label="Partager sur Instagram">{% include 'icons/social/instagram.svg' %}</a> #}
-		<a class="btn--social btn--invisible" href="https://api.whatsapp.com/send?text=*Le%207%20mars,%20je%20ferai%20gr%C3%A8ve%20contre%20la%20r%C3%A9forme%20des%20retraites.*%20Et%20vous%20%3F%20%20Ajoutez%20%2B1%20au%20compteur%20de%20gr%C3%A8ve%20et%20faites%20tourner%20%21%0Ahttps://compteurdegreve.fr/" target="_blank" aria-label="Partager sur Whatsapp">{% include 'icons/social/whatsapp.svg' %}</a>
-		<a class="btn--social btn--invisible" href="https://telegram.me/share/url?url=https://compteurdegreve.fr/&text=" target="_blank" aria-label="Partager sur Telegram">{% include 'icons/social/telegram.svg' %}</a>
-		<a class="btn--social btn--invisible" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcompteurdegreve.fr%2F" target="_blank" aria-label="Partager sur LinkedIn">{% include 'icons/social/linkedin.svg' %}</a>
+		<a class="btn--social btn--invisible" href="https://api.whatsapp.com/send?text=*Le%207%20mars,%20je%20ferai%20gr%C3%A8ve%20contre%20la%20r%C3%A9forme%20des%20retraites.*%20Et%20vous%20%3F%20%20Ajoutez%20%2B1%20au%20compteur%20de%20gr%C3%A8ve%20et%20faites%20tourner%20%21%0Ahttps://www.compteurdegreve.fr/" target="_blank" aria-label="Partager sur Whatsapp">{% include 'icons/social/whatsapp.svg' %}</a>
+		<a class="btn--social btn--invisible" href="https://telegram.me/share/url?url=https://www.compteurdegreve.fr/&text=" target="_blank" aria-label="Partager sur Telegram">{% include 'icons/social/telegram.svg' %}</a>
+		<a class="btn--social btn--invisible" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.compteurdegreve.fr%2F" target="_blank" aria-label="Partager sur LinkedIn">{% include 'icons/social/linkedin.svg' %}</a>
 	</div>
 </section>
 
 <section class="container text-center" id="aider">
 	<h2 class="title-2">3 actions pour aider</h2>
 	<div class="flex flex-col justify-center align-items-center">
-		<a class="btn btn--light mb25" href="https://formdivers.typeform.com/to/rcucJg13" target="_blank">✉️&nbsp;<span><span class="text-bold">Envoyer un mail</span> aux collègues</span></a>
-		<a class="btn btn--light mb25" href="https://www.change.org/p/retraites-non-%C3%A0-cette-r%C3%A9forme-injuste-et-brutale-reformesdesretraites" target="_blank">✒️&nbsp;<span><span class="text-bold">Signer</span> la pétition</span></a>
-		<a class="btn btn--light mb25" href="https://www.caisse-solidarite.fr/" target="_blank">❤&nbsp;<span><span class="text-bold">Faire un don</span> à une caisse de grève</span></a>
+		<a class="btn btn--light mb25 sm:w100" href="https://formdivers.typeform.com/to/rcucJg13" target="_blank">✉️&nbsp;<span><span class="text-bold">Envoyer un mail</span> aux collègues</span></a>
+		<a class="btn btn--light mb25 sm:w100" href="https://www.change.org/p/retraites-non-%C3%A0-cette-r%C3%A9forme-injuste-et-brutale-reformesdesretraites" target="_blank">✒️&nbsp;<span><span class="text-bold">Signer</span> la pétition</span></a>
+		<a class="btn btn--light mb25 sm:w100" href="https://www.caisse-solidarite.fr/" target="_blank">❤&nbsp;<span><span class="text-bold">Faire un don</span> à une caisse de grève</span></a>
 	</div>
 </section>
 
 <section class="container text-center" id="savoir-plus">
 	<h2 class="title-2">En savoir plus</h2>
 	<div class="flex flex-col justify-center align-items-center">
-		<a class="btn btn--light mb25" href="https://nosretraites-simulateur-cas-types.netlify.app" target="_blank">💸&nbsp;Simuler ma retraite avec la réforme</a>
-		<a class="btn btn--light mb25" href="https://greve.cool/" target="_blank">🔥&nbsp;La grève, mode d’emploi</a>
-		<a class="btn btn--light mb25" href="https://64anscestnon.org/IMG/pdf/nos_retraites_-_64_ans_janv2023_2p-1.pdf" target="_blank">📄&nbsp;Synthèse de la réforme, par Nos Retraites</a>
-		<a class="btn btn--light mb25" href="https://blogs.mediapart.fr/les-invites-de-mediapart/blog/280223/femmes-et-retraites-le-choc-s-annonce-rapide-et-brutal" target="_blank">🙅‍♀️&nbsp;Femmes et retraites, le choc s’annonce rapide et brutal</a>
+		<a class="btn btn--light mb25 sm:w100" href="https://nosretraites-simulateur-cas-types.netlify.app" target="_blank">💸&nbsp;Simuler ma retraite avec la réforme</a>
+		<a class="btn btn--light mb25 sm:w100" href="https://greve.cool/" target="_blank">🔥&nbsp;La grève, mode d’emploi</a>
+		<a class="btn btn--light mb25 sm:w100" href="https://64anscestnon.org/IMG/pdf/nos_retraites_-_64_ans_janv2023_2p-1.pdf" target="_blank">📄&nbsp;Synthèse de la réforme, par Nos Retraites</a>
+		<a class="btn btn--light mb25 sm:w100" href="https://blogs.mediapart.fr/les-invites-de-mediapart/blog/280223/femmes-et-retraites-le-choc-s-annonce-rapide-et-brutal" target="_blank">🙅‍♀️&nbsp;Femmes et retraites, le choc s’annonce rapide et brutal</a>
 	</div>
 </section>