From b39d17d637c63faddaa11d22a41d9a906af7e91e Mon Sep 17 00:00:00 2001
From: Emma Segal-Grossman <hi@emma.cafe>
Date: Wed, 21 Feb 2024 22:21:45 -0500
Subject: [PATCH] Tab list disappears with an empty WARC (#284)

Closes #283

Not too sure what the root of the problem actually is, but removing the
overflow seems to fix it, though it does change the sizing somewhat.
I've adjusted the padding to compensate, so it should look the same as
it did before.

The source rules are coming from Bulma, which I don't know super well,
so I don't mind overriding it in this context rather than trying to fix
the underlying issue here.
---
 src/item.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/item.ts b/src/item.ts
index 834aa8d..07891e8 100644
--- a/src/item.ts
+++ b/src/item.ts
@@ -597,6 +597,7 @@ class Item extends LitElement {
         display: flex;
         flex-direction: row;
         margin-bottom: 0px;
+        overflow: unset;
       }
 
       .main.tabs ul {
@@ -605,7 +606,7 @@ class Item extends LitElement {
 
       .main.tabs li {
         line-height: 1.5;
-        padding: 8px 0 6px 0;
+        padding: 6px 0 4px 0;
       }
 
       @media screen and (max-width: 319px) {