From d14d9aa2fbb35b574436f8619ac2226487c79967 Mon Sep 17 00:00:00 2001
From: Vitor Pamplona <vitor@vitorpamplona.com>
Date: Mon, 29 Jan 2024 14:08:16 -0500
Subject: [PATCH] improvements in the UI

---
 index.html            | 19 ++++++++++---------
 js/nostr-broadcast.js |  1 -
 style.css             |  7 ++++---
 3 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index 7801d09..4a2cce6 100644
--- a/index.html
+++ b/index.html
@@ -45,7 +45,7 @@
         <form>
           <div>
             <form>
-              <div class="space-between-small">
+              <div class="space-between-small-left">
                 <p>
                   From relays
                   <input
@@ -66,7 +66,7 @@
                 </p>
               </div>
 
-              <div class="space-between-small">
+              <div class="space-between-small-left">
                 <p>
                   By and about
                   <input
@@ -77,6 +77,13 @@
                     onchange="pubkeyOnChange()"
                     placeholder="Public key (npub or hex)"
                     required />
+
+                    <button
+                    id="get-from-extension"
+                    onclick="getFromExtension(); return false;"
+                    style="">
+                    Get from extension
+                  </button>
                 </p>
               </div>
               <div class="space-between-small">
@@ -102,7 +109,7 @@
                 </div>
               </div>
 
-              <div class="space-between-small">
+              <div class="space-between-small-left">
                 <p>
                   To relays
                   <input
@@ -142,12 +149,6 @@
                 style="display: none">
                 Broadcast from File
               </button>
-              <button
-                id="get-from-extension"
-                onclick="getFromExtension(); return false;"
-                style="display: none">
-                Get from extension
-              </button>
             </p>
           </div>
         </form>
diff --git a/js/nostr-broadcast.js b/js/nostr-broadcast.js
index 573a468..17ae8dd 100644
--- a/js/nostr-broadcast.js
+++ b/js/nostr-broadcast.js
@@ -98,7 +98,6 @@ const getFromExtension = async () => {
 
 const pubkeyOnChange = () => {
   $('#fetch-and-broadcast').css('display', '')
-  $('#get-from-extension').css('display', 'none')
 }
 
 if (window.nostr) {
diff --git a/style.css b/style.css
index 8abe030..f9a59c3 100644
--- a/style.css
+++ b/style.css
@@ -105,7 +105,7 @@ progress[value="75"]::-webkit-progress-value {
 
 
 p {
-  max-width: 52ch;
+  max-width: 80ch;
   line-height: 1.5;
   padding: .3em;
   margin-top: 5px;
@@ -162,6 +162,7 @@ a {
 .space-between-small-left {
   display: flex;
   justify-content: left;
+  text-align: left;
 }
 
 h2 {
@@ -220,7 +221,7 @@ h2 {
 
 
 #relaySet {
-  width: 450px !important;
+  width: 550px !important;
 }
 
 @media screen and (max-width: 1080px) {
@@ -241,7 +242,7 @@ h2 {
 
 
 #relaySetBroadcast {
-  width: 450px !important;
+  width: 550px !important;
 }
 
 @media screen and (max-width: 1080px) {