From 7b31e94f8cd4d5f80bb2eb81c0443e3523196226 Mon Sep 17 00:00:00 2001
From: Raphael Forment <raphael.forment@gmail.com>
Date: Sat, 21 Oct 2023 15:42:49 +0200
Subject: [PATCH] more responsive universe window

---
 index.html  | 6 +++---
 src/main.ts | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 12cd350..35eb662 100644
--- a/index.html
+++ b/index.html
@@ -174,9 +174,9 @@
     <div id="app">
       <!-- This modal is used for switching between buffers -->
       <div id="modal-buffers" class="invisible bg-gray-900 bg-opacity-50 flex justify-center items-center absolute top-0 right-0 bottom-0 left-0">
-        <div id="start-button" class="px-16 pt-4 pb-4 rounded-md text-center bg-white">
-					<p class="text-semibold text-2xl pb-4">Known universes</p>
-					<p id="existing-universes" class="text-xl"></p>
+        <div id="start-button" class="lg:px-16 px-4 lg:pt-4 lg:pb-4 pt-2 pb-2 rounded-md text-center bg-white">
+					<p class="text-semibold lg:text-2xl text-sm pb-4">Known universes</p>
+					<p id="existing-universes" class="text-normal lg:h-auto h-48 overflow-y-auto mb-2"></p>
           <div id="disclaimer" class="pb-4">
           <form id="universe-creator">
             <label for="search" class="mb-2 text-sm font-medium text-gray-900 sr-only text-white">Search</label>
diff --git a/src/main.ts b/src/main.ts
index b67211a..a9064b1 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -188,7 +188,7 @@ export class Editor {
 
     let list = document.createElement("ul");
     list.className =
-      "lg:h-80 lg:w-80 lg:pb-2 lg:pt-2 overflow-y-scroll text-white lg:mb-4 border rounded-lg bg-neutral-800";
+      "lg:h-80 lg:text-normal text-sm h-auto lg:w-80 w-auto lg:pb-2 lg:pt-2 overflow-y-scroll text-white lg:mb-4 border rounded-lg bg-neutral-800";
 
     list.append(
       ...Object.keys(this.universes).map((it) => {