From 3cce24e09ecd52a87b34a230380d18bca6b6510d Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Tue, 9 Feb 2021 00:51:22 +0100
Subject: Tweak layout a little for individual bios

Probably not what we'll settle for; just to make it less ugly.
---
 stylesheets/membre.css | 30 +++++++++++++++++++-----------
 1 file changed, 19 insertions(+), 11 deletions(-)

(limited to 'stylesheets/membre.css')

diff --git a/stylesheets/membre.css b/stylesheets/membre.css
index 86d370b..adf11f4 100644
--- a/stylesheets/membre.css
+++ b/stylesheets/membre.css
@@ -1,26 +1,34 @@
 main {
     display: grid;
     grid-template-columns: 60% 40%;
-    padding-right: 4%;
+    align-items: center;
+    justify-self: center;
+    width: 80%;
 }
 
-main > div {
-    padding: 2%;
+#bio {
+    justify-self: center;
 }
 
-#bio dl {
-    display: grid;
-    grid-template-columns: 1fr 2fr;
-    align-items: center;
+#bio dt, #bio dd {
+    display: inline;
 }
 
-#photo {
-    height: 90%;
-    align-self: center;
+#bio dt {
+    font-weight: bold;
+}
+
+#bio dd {
+    margin-left: 0;
+}
+
+#bio dl {
+    margin-top: 0.2em;
+    margin-bottom: 0.2em;
 }
 
 #photo img {
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
 }
-- 
cgit v1.2.3