From 0b7dfa4ae01c94385366219b7d1b17df8b6e74d1 Mon Sep 17 00:00:00 2001
From: weboko <oleksandr@status.im>
Date: Fri, 27 Jan 2023 22:57:07 +0100
Subject: [PATCH] fix styling

---
 examples/noise-rtc/index.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/examples/noise-rtc/index.html b/examples/noise-rtc/index.html
index d121615..9149c19 100644
--- a/examples/noise-rtc/index.html
+++ b/examples/noise-rtc/index.html
@@ -37,7 +37,7 @@
       }
 
       .container {
-        width: 800px;
+        width: 100%;
         min-width: 300px;
         max-width: 800px;
         height: 100%;
@@ -147,7 +147,8 @@
     <div class="container">
       <div class="status">
         <h3>
-          <b>Waku Node Status:</b> <span id="waku-status">connecting...</span>
+          <b>Waku Node Status:</b>
+          <span id="waku-status" class="progress">connecting...</span>
         </h3>
         <h3 id="handshake-span">
           <b>Handshake Status:</b>
@@ -155,7 +156,9 @@
         </h3>
         <h3>
           <b>RTC Status:</b>
-          <span id="rtc-status" class="progress">connecting</span>
+          <span id="rtc-status" class="progress"
+            >waiting for noise to be established</span
+          >
         </h3>
       </div>