Improve UX for frontend navigation

apps/rp/templates/rp/article_list_public.html

@@ -8,7 +8,7 @@
   <div class="col-md-6 offset-md-1">
     <p>La revue de presse recense les articles de presse relatifs aux sujets de
     la Quadrature. Elle est compilée chaque jour par ses bénévoles, à partir de
-    la presse francophone et internationale.</p>
+    la presse francophone et internationale. Bonne lecture !</p>
   </div>
   <div class="col-md-4">
   </div>
@@ -26,8 +26,8 @@
       <li class="nav-item">
         <a class="nav-link active" href="#">
           <span class="fa-stack fa-md">
-            <i class="fa fa-circle-thin fa-stack-2x"></i>
-            <i class="fa fa-map-marker fa-stack-1x"></i>
+            <i class="fa fa-circle fa-stack-2x"></i>
+            <i class="fa fa-map-marker fa-stack-1x color-white"></i>
           </span>
           Presse francophone
         </a>
@@ -44,20 +44,14 @@
 
       <li class="nav-item ml-auto">
         <a class="nav-link disabled" href="#">
-          <span class="fa-stack fa-md">
-            <i class="fa fa-circle-thin fa-stack-2x"></i>
-            <i class="fa fa-search fa-stack-1x"></i>
-          </span>
+          <i class="fa fa-search"></i>
           Rechercher
         </a>
       </li>
 
       <li class="nav-item">
         <a class="nav-link disabled" href="#">
-          <span class="fa-stack fa-md">
-            <i class="fa fa-circle-thin fa-stack-2x"></i>
-            <i class="fa fa-tags fa-stack-1x"></i>
-          </span>
+          <i class="fa fa-tags"></i>
           Tags
         </a>
       </li>

static/src/components/navigation.css

@@ -4,6 +4,11 @@
 @custom-selector :--navbar-blue .navbar.dark-blue-bg, .navbar.medium-blue-bg;
 
 
+.nav {
+	align-items: center;
+}
+
+
 .navbar-sm {
 	font-size: 13px;
 	font-weight: 600;

static/src/shared/colors.css

@@ -38,3 +38,7 @@
 .light-blue-bg a, .medium-blue-bg a {
 	color: var(--color-dark-blue);
 }
+
+.color-white {
+  color: var(--color-white);
+}