From: Ardis Lu <ardisglu@gmail.com>
Date: Fri, 25 Nov 2022 09:22:59 +0000 (-0800)
Subject: Grow JSON-RPC input field to fill space
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=0f2e7b7304ff18ec4022dcbfb9bb83d7053137d6;p=ens2hex

Grow JSON-RPC input field to fill space

Also set a flex-basis to line wrap earlier on small screens
---

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>