From a79bc594b193a6b5ef2cdfa315198ab2281dde9c Mon Sep 17 00:00:00 2001
From: meewan <meewan@katzei.fr>
Date: Tue, 21 Dec 2021 15:03:33 +0100
Subject: [PATCH] fix typo in bitwarden page

---
 static/css/styles.css             | 16 +++++++++++++++-
 templates/meta/service.html       | 10 +++++-----
 templates/services/Bitwarden.html |  2 +-
 3 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/static/css/styles.css b/static/css/styles.css
index 1f4213c..51baa55 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -71,10 +71,24 @@
   padding-bottom: 2.5px;
 }
 
-.service_link{
+.service_link
+{
   font-size: 1.2em;
   font-weight: 650;
   margin: 0.75rem;
+  background-color: #363636;
+  padding-left: 15px;
+  padding-right: 15px;
+  padding-top: 2px;
+  padding-bottom: 5px;
+  color: white;
+  border-radius: 15px;
+}
+
+
+.service_content
+{
+  margin-top: 2em !important;
 }
 @media screen and (min-width: 1022px)
 {
diff --git a/templates/meta/service.html b/templates/meta/service.html
index 04312b2..aa4508c 100644
--- a/templates/meta/service.html
+++ b/templates/meta/service.html
@@ -9,12 +9,12 @@
   <div class="full-width centered-text">
     <img src="{% block service_image %}{% endblock %}" alt="{% block service_alt %}Pas d'image pour ce service{% endblock %}" class="service-logo"/>
   </div>
-  <div class="service_link full-width centered-text">
-    <a href="{{ service_link }}" target="_blank" rel="noopener">
+  <div class="full-width centered-text">
+    <a href="{{ service_link }}" target="_blank" rel="noopener"  class="service_link">
       Accéder au service
     </a>
   </div>
-  <div class="columns">
+  <div class="columns service_content">
     <div id="short_description" class="column">
       {% block service_short_description %}{% endblock %}
     </div>
@@ -44,8 +44,8 @@
   <div id="fulldescription">
     {% block service_description %}{% endblock %}
   </div>
-  <div class="service_link full-width centered-text">
-    <a href="{{ service_link }}" target="_blank" rel="noopener">
+  <div class="full-width centered-text">
+    <a href="{{ service_link }}" target="_blank" rel="noopener" class="service_link">
       Accéder au service
     </a>
   </div>
diff --git a/templates/services/Bitwarden.html b/templates/services/Bitwarden.html
index f7bd54f..779c110 100644
--- a/templates/services/Bitwarden.html
+++ b/templates/services/Bitwarden.html
@@ -42,7 +42,7 @@ Bitwarden
 <p>
   L'Agence nationale de la sécurité des systèmes d'information (ANSSI) <a href="https://www.ssi.gouv.fr/guide/mot-de-passe/">recommande</a> d'utiliser des mots de passes forts et différents pour chaque site Internet. Cette recommandation est de plus en plus difficile à suivre, avec des règles de plus en plus complexes pour les mots de passes. Une solution à ce problème est d'utiliser un gestionnaire de mots de passe en ligne. Un tel outil sert à centraliser tous vos mots de passe derrière un seul mot de passe (fort) afin de ne plus avoir besoin de tous les retenir. Pour répondre à ce besoin, Katzei propose Bitwarden.
 </p>
-  Bitwarden est un coffre-fort numérique dont le serveur est développé par <a href="https://github.com/dani-garcia">Daniel García</a>, l'interface et les plugins par <a href="https://bitwarden.com/">8bit Solutions LLC</a>, vous permettant de stocker vos mots de passe en ligne et de les partager entre vos différents appareils et applications.
+  Vaultwarden est un coffre-fort numérique dont le serveur est développé par <a href="https://github.com/dani-garcia">Daniel García</a>, l'interface et les plugins par <a href="https://bitwarden.com/">8bit Solutions LLC</a>, vous permettant de stocker vos mots de passe en ligne et de les partager entre vos différents appareils et applications.
 </p>
 {% endblock %}