From 643eeb01b96e7635201505ef201c60ab405bd419 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <towerofnix@gmail.com>
Date: Mon, 5 Apr 2021 15:02:18 -0300
Subject: info card dimension tweaks

---
 static/site.css | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

(limited to 'static')

diff --git a/static/site.css b/static/site.css
index 59f13c5..83bddd3 100644
--- a/static/site.css
+++ b/static/site.css
@@ -704,9 +704,8 @@ li > ul {
 #info-card-container {
     position: absolute;
 
-    margin-right: 10px;
-    padding-left: 3ch;
-    border-top: 1px solid white;
+    left: 0;
+    right: 10px;
 
     pointer-events: none; /* Padding area shouldn't 8e interactive. */
     display: none;
@@ -714,7 +713,11 @@ li > ul {
 
 #info-card-container.show,
 #info-card-container.hide {
-    display: block;
+    display: flex;
+}
+
+#info-card-container > * {
+    flex-basis: 400px;
 }
 
 #info-card-container.show {
@@ -751,6 +754,11 @@ li > ul {
     }
 }
 
+.info-card-decor {
+    padding-left: 3ch;
+    border-top: 1px solid white;
+}
+
 .info-card {
     background-color: black;
     color: white;
@@ -765,6 +773,12 @@ li > ul {
     pointer-events: none;
 }
 
+.info-card::after {
+    content: "";
+    display: block;
+    clear: both;
+}
+
 #info-card-container.show .info-card {
     animation: 0.01s linear 0.2s forwards info-card-become-interactive;
 }
-- 
cgit 1.3.0-6-gf8a5