From 2e2146d16a999002a0f8f9f8d0d1fc4c3275ea62 Mon Sep 17 00:00:00 2001 From: Julien Lepiller 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