Re: Posts in languages other than English on help-guix?

[julien lepiller]

Le 2018-03-10 16:19, l...@gnu.org a écrit :
Hi Julien,
julien lepiller <jul...@lepiller.eu> skribis:

Oh, with the traditional version being on only one line, the following
paragraph (bug reporting) is indented with the "zh" box.

You could try adding a style="clear: both" to the last "p" block in
the contact-medium div, and add "; clear: both" on each div (if there
is a one-line paragraph, the next language block would be indented).

I don’t see the problem with IceCat 52.6.0-gnu1 from Guix:



Does this show up with different browsers?

Regardless, please feel free to commit something that works for you in
the guix-artwork.git repo.  I’m not much of a Web developer so any help
in that area is greatly appreciated.  :-)

Thanks,
Ludo’.

So, here is what I see and a patch to fix it. I think it won't work on 
IE <= 9, do we care?From 2e2146d16a999002a0f8f9f8d0d1fc4c3275ea62 Mon Sep 17 00:00:00 2001
From: Julien Lepiller <jul...@lepiller.eu>
Date: Mon, 19 Mar 2018 16:08:31 +0100
Subject: [PATCH] website: contacts: Improve style.

* website/apps/base/templates/components.scm (contact->shtml): Use flexbox.
---
 website/apps/base/templates/components.scm | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/apps/base/templates/components.scm b/website/apps/base/templates/components.scm
index b7ec218..39c836b 100644
--- a/website/apps/base/templates/components.scm
+++ b/website/apps/base/templates/components.scm
@@ -124,7 +124,7 @@
 
 (define (language-tag lang)
   `(span (@ (class "button-little button-little-active")
-            (style "float: left; text-align: center; width: 20px; vertical-align: middle"))
+            (style "text-align: center; width: 20px; vertical-align: middle"))
          ,lang))
 
 (define (contact->shtml contact)
@@ -144,9 +144,9 @@
     ,(match (contact-description contact)
        ((((? string? languages) blurbs) ...)
         `(p ,@(map (lambda (language blurb)
-                     `(div (@ (style "margin: 0 10px 10px 0"))
+                     `(div (@ (style "display: flex; align-items: center; margin: 0 10px 10px 0"))
                            ,(language-tag language)
-                           (div (@ (lang ,language)) ,blurb)))
+                           (div (@ (lang ,language) (style "flex: 1")) ,blurb)))
                    languages
                    blurbs)))
        (blurb
-- 
2.16.2