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

That occured on some screen sizes.
TomRoussel · Oct 30, 2021 · a7d246e · a7d246e
1 parent f4d8765
commit a7d246e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/CHANGELOG.rst b/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)

diff --git a/ihatemoney/static/css/main.css b/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;

diff --git a/ihatemoney/templates/home.html b/ihatemoney/templates/home.html
@@ -10,8 +10,11 @@ <h2>{{ _("Manage your shared <br />expenses, easily") }}</h2>
         </a>
     {% endif %}
     {% if g.lang == 'fr' %}
-        ou <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') }}" />
+        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">