From 0f2e7b7304ff18ec4022dcbfb9bb83d7053137d6 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Fri, 25 Nov 2022 01:22:59 -0800
Subject: [PATCH] Grow JSON-RPC input field to fill space

Also set a flex-basis to line wrap earlier on small screens
---
 index.html | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 3262355..ba17211 100644
--- a/index.html
+++ b/index.html
@@ -125,6 +125,17 @@
       height: 0.1px;
     }
 
+    .rpc-input-container {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: baseline;
+      gap: 8px;
+    }
+
+    .rpc-input-container input {
+      flex: 1 40ch;
+    }
+
     #selected-file {
       block-size: 1rem;
       color: var(--secondary);
@@ -238,7 +249,7 @@
 
         <details>
           <summary>Advanced options</summary>
-          <div class="details-body">
+          <div class="details-body rpc-input-container">
             <label for="rpc">JSON-RPC node:</label>
             <input type="url" name="rpc" id="rpc" value="https://eth.ardis.lu/v1/mainnet" required>
           </div>
-- 
2.47.3