Avoid showcase-guy to point his finger at nothing (#901)

That occured on some screen sizes.

CHANGELOG.rst

@@ -6,7 +6,10 @@ This document describes changes between each past release.
 5.1.2 (unreleased)
 ==================
 
-- Nothing changed yet.
+Changed
+-------
+
+- Minor presentation fixes (901)
 
 
 5.1.1 (2021-10-26)

ihatemoney/static/css/main.css

@@ -69,6 +69,11 @@ body {
   width: 55px;
 }
 
+#header .side-to-side {
+  /* avoid the man with his hand pointing at nothing */
+  white-space: nowrap;
+}
+
 #header .shareimg {
   width: 80px;
   margin-left: 5px;

ihatemoney/templates/home.html

@@ -10,8 +10,11 @@
         </a>
     {% endif %}
     {% if g.lang == 'fr' %}
-        ou <a class="showcase btn" onclick="javascript:showGallery(); return false;">Voir la BD explicative</a>
+        ou
+        <span class="side-to-side">
+          <a class="showcase btn" onclick="javascript:showGallery(); return false;">Voir la BD explicative</a>
           <img class="showcaseimg" src="{{ url_for("static", filename='images/indicate.svg') }}" />
+        </span>
     {% endif %}
   </div>
   <div class="col-xs-12 col-sm-4">