From 90ccbb20bc86a30cb0e50843a8a2ccc6c753633c Mon Sep 17 00:00:00 2001
From: Amardeep <amardeepcode@gmail.com>
Date: Sun, 17 May 2026 23:20:09 +0530
Subject: [PATCH] svg logo

---
 web/plugin.head.html | 40 ++++++++++++++++++++++++++++++++++------
 1 file changed, 34 insertions(+), 6 deletions(-)

diff --git a/web/plugin.head.html b/web/plugin.head.html
index cdaaf3e..4cfdaaf 100644
--- a/web/plugin.head.html
+++ b/web/plugin.head.html
@@ -2,21 +2,34 @@
     .politictalk-room-logo {
         align-items: center;
         display: flex;
+        gap: 12px;
         height: 64px;
-        justify-content: center;
+        justify-content: flex-start;
         left: max(20px, env(safe-area-inset-left));
         opacity: 0.96;
         position: fixed;
+        text-decoration: none;
         top: max(20px, env(safe-area-inset-top));
-        width: 64px;
+        width: auto;
         z-index: 2147483000;
     }
 
     .politictalk-room-logo img {
         display: block;
-        height: 100%;
+        flex: 0 0 64px;
+        height: 64px;
         object-fit: contain;
-        width: 100%;
+        width: 64px;
+    }
+
+    .politictalk-room-logo__text {
+        color: #ffffff;
+        font-size: 24px;
+        font-weight: 700;
+        letter-spacing: 0;
+        line-height: 1;
+        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
+        white-space: nowrap;
     }
 
     html.politictalk-direct-access-blocked,
@@ -100,12 +113,22 @@
 
     @media (max-width: 640px) {
         .politictalk-room-logo {
+            gap: 10px;
             height: 52px;
             left: max(12px, env(safe-area-inset-left));
             top: max(12px, env(safe-area-inset-top));
+        }
+
+        .politictalk-room-logo img {
+            flex-basis: 52px;
+            height: 52px;
             width: 52px;
         }
 
+        .politictalk-room-logo__text {
+            font-size: 20px;
+        }
+
         .politictalk-direct-access {
             align-items: flex-start;
             padding: 132px 18px 18px;
@@ -313,10 +336,15 @@
             link.target = '_blank';
 
             var image = document.createElement('img');
-            image.alt = 'ParallelGlobe';
-            image.src = '/images/politictalk/pg_globe.png';
+            image.alt = 'Parallel Globe';
+            image.src = '/images/politictalk/pgLogo.svg';
+
+            var label = document.createElement('span');
+            label.className = 'politictalk-room-logo__text';
+            label.textContent = 'PoliticTalk';
 
             link.appendChild(image);
+            link.appendChild(label);
             document.body.appendChild(link);
         }