From: Jakub Czajka <jczajka@google.com>
Date: Sat, 4 May 2024 21:16:02 +0000 (+0200)
Subject: Do not hardcode the margin to display number of views.
X-Git-Url: https://git.ekhem.eu.org/?a=commitdiff_plain;h=856427f42f925fb93fb0b8a275950727f9adbf01;p=website.git

Do not hardcode the margin to display number of views.
---

diff --git a/index.html b/index.html
index 61eb2c0..9158ca8 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,8 @@
     body {
       width: min(95vw, 700px);
       display: grid;
-      grid-template-rows: auto 40px;
+      grid-template-rows: auto 1em;
+      row-gap: 7px;
     }
     .top-container {
       background-color: #f1d18a;
@@ -35,8 +36,15 @@
     li img {
       height: 1em;
     }
-    .bottom-container2 p {
-      margin-left: 39%;
+    .bottom-container {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+    }
+    .bottom-container p {
+      margin: 0;
+    }
+    .bottom-container p:first-child {
+      text-align: right;
     }
     iframe {
       position: fixed;
@@ -83,12 +91,13 @@
     <p>There's nothing here &#x1F914;</p>
     <br/>
   </div>
-  <div class="bottom-container2">
-    <hr />
-    <p>Views:&nbsp;<iframe src="/views/"
-                           frameborder=0
-                           marginheight=0
-			   marginwidth=0 /></p>
+  <div class="bottom-container">
+    <p>Views:&nbsp;</p>
+    <p>
+      <iframe src="/views/" frameborder=0
+                            marginheight=0
+                            marginwidth=0/>
+    </p>
   </div>
 </body>
 </html>