01/01: website: contacts: Improve style.

[julien lepiller]

roptat pushed a commit to branch master
in repository guix-artwork.

commit e4fc5937e2e422ec54a92a171df616c4c19e3ae7
Author: Julien Lepiller <address@hidden>
Date:   Mon Mar 19 16:08:31 2018 +0100

    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