From 11407b0cc619fbc9a2aa9bc11daa7acac54d9c0c Mon Sep 17 00:00:00 2001
From: Roland Osborne <roland.osborne@gmail.com>
Date: Thu, 23 Mar 2023 10:12:46 -0700
Subject: [PATCH] tweaking ringing indicator layout

---
 net/web/src/session/Session.jsx       | 22 +++++++++++-----------
 net/web/src/session/Session.styled.js |  2 +-
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/net/web/src/session/Session.jsx b/net/web/src/session/Session.jsx
index 6dc67973..767fa9b0 100644
--- a/net/web/src/session/Session.jsx
+++ b/net/web/src/session/Session.jsx
@@ -100,13 +100,6 @@ export function Session() {
           <div class="center">
             <div class="reframe">
               <Welcome />
-              { ringing.length > 0 && (
-                <div className="ringing">
-                  <div className="ringing-list">
-                    {ringing}
-                  </div>
-                </div>
-              )}
             </div>
             { state.conversation && (
               <div class="reframe">
@@ -125,6 +118,13 @@ export function Session() {
                 <Profile closeProfile={actions.closeProfile} />
               </div>
             )}
+            { ringing.length > 0 && (
+              <div className="ringing">
+                <div className="ringing-list">
+                  {ringing}
+                </div>
+              </div>
+            )}
           </div>
           <div class="right">
             { (state.conversation || state.details) && (
@@ -262,13 +262,13 @@ export function Session() {
                 <Profile />
               </div>
             )}
-            { ringing.length > 0 && (
-              <div className="ringing">
+            <div className="ringing">
+              { ringing.length > 0 && (
                 <div className="ringing-list">
                   {ringing}
                 </div>
-              </div>
-            )}
+              )}
+            </div>
           </div>
           <div class="bottom">
             <BottomNav state={state} actions={actions} />
diff --git a/net/web/src/session/Session.styled.js b/net/web/src/session/Session.styled.js
index 46f3d453..c74c2e81 100644
--- a/net/web/src/session/Session.styled.js
+++ b/net/web/src/session/Session.styled.js
@@ -25,7 +25,7 @@ export const SessionWrapper = styled.div`
     .ringing-list {
       padding: 4px;
       border-radius: 4px;
-      background-color: rgba(0,0,0,0.3);
+      background-color: rgba(0,0,0,0.6);
       display: flex;
       flex-direction: column;