Do not hardcode the margin to display number of views.

diff --git a/index.html b/index.html
index 61eb2c0f7fcdc60e970b2c968d3a78a673a393de..9158ca829ffd95df2bf0522c4799953109bf1e82 100644 (file)
--- 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>