fix typo in bitwarden page

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)
 {

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">
+  <div class="full-width centered-text">
-    <a href="{{ service_link }}" target="_blank" rel="noopener">
+    <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">
+  <div class="full-width centered-text">
-    <a href="{{ service_link }}" target="_blank" rel="noopener">
+    <a href="{{ service_link }}" target="_blank" rel="noopener" class="service_link">
       Accéder au service
     </a>
   </div>

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 %}