From 7be7f2aef98349317c4124e610ed9767fbb7da3b Mon Sep 17 00:00:00 2001
From: sinanisler <sinan@sinanisler.com>
Date: Mon, 22 Dec 2025 02:38:39 +0300
Subject: [PATCH] style: adjust widget width and padding for improved layout
 and accessibility #3

---
 widget.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/widget.js b/widget.js
index ce372b0..003de99 100644
--- a/widget.js
+++ b/widget.js
@@ -605,7 +605,8 @@ const widgetStyles = `
     position: fixed;
     top: 0;
     ${WIDGET_CONFIG.widgetPosition.side}: 0;
-    width: ${WIDGET_CONFIG.widgetWidth};
+    max-width: ${WIDGET_CONFIG.widgetWidth};
+    width:100%;
     height: 100vh;
     overflow-y: auto;
     background-color: #e2e2e2;
@@ -614,6 +615,7 @@ const widgetStyles = `
     font-family: ${WIDGET_CONFIG.typography.fontFamily};
     z-index: 999999;
     scrollbar-width: thin;
+    line-height:1 !important;
   }
   
   .snn-accessibility-option {
@@ -781,7 +783,7 @@ const widgetStyles = `
   }
   
   .snn-content {
-    padding: 20px;
+    padding: 20px 20px 0px 20px;
   }
   
   .snn-language-selector {
@@ -789,7 +791,7 @@ const widgetStyles = `
     background: white;
     color: black;
     border: none;
-    padding: 12px;
+    padding: 14px;
     font-size: 16px;
     font-family: ${WIDGET_CONFIG.typography.fontFamily};
     border-radius: 5px;