Webui: don't show complete address

webui/src/PeerAvailableCard.tsx

@@ -16,10 +16,6 @@ export function PeerAvailableCard({ peerInfo }: TPeerAvailableCardProps) {
                     <span>UUID: </span>
                     <span>{peerInfo.uuid}</span>
                 </div>
-                <div>
-                    <span>Address: </span>
-                    <span>{peerInfo.knownAddress}</span>
-                </div>
             </div>
             <fetcher.Form
                 className="actions"

webui/src/PeerKnownCard.tsx

@@ -27,16 +27,15 @@ export function PeerKnownCard({ peerInfo }: TPeerKnownCardProps) {
                     <span>{peerInfo.uuid}</span>
                     </div>
                     <div>
-                        <span>Address: </span>
+                        <span>{peerInfo.knownAddress ? "connected" : "not connected"}</span>
-                        <span>{peerInfo.knownAddress || "not connected"}</span>
                     </div>
                 </div>
                 <div>
                     <fetcher.Form
-                        className="actions"
                         method="put"
                         action={"/home/peers"}
                     >
+                        <span>Manual address: </span>
                         <input
                             name="intent"
                             hidden={true}
@@ -50,6 +49,7 @@ export function PeerKnownCard({ peerInfo }: TPeerKnownCardProps) {
                         <input
                             name="address"
                             defaultValue={addr?.address || ""}
+                            placeholder={"ip:port:secure port"}
                         />
                         <button type="submit">save</button>
                     </fetcher.Form>

webui/src/common.scss

@@ -40,6 +40,8 @@
       color: inherit;
       font-size: inherit;
 
+      padding: 0.5rem;
+
       width: 100%;
       height: 100%;
     }