From 4f32be0b93b5a39dcb034b4a15bbeca05add0a1f Mon Sep 17 00:00:00 2001
From: Daniel Dada <doesdeos@gmail.com>
Date: Wed, 19 Nov 2025 16:12:55 +0300
Subject: [PATCH] fix: made placeholder for textarea, added outline offset

---
 popup/popup.css    | 5 ++++-
 src/popup/popup.ts | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/popup/popup.css b/popup/popup.css
index c6b84bb..0951477 100644
--- a/popup/popup.css
+++ b/popup/popup.css
@@ -171,7 +171,10 @@ select {
 
 textarea {
   resize: vertical;
-  height: 60px;
+  height: 80px;
+  font-size: 14px;
+  line-height: 1.4;
+  outline-offset: -1px;
 }
 
 input[type="color"] {
diff --git a/src/popup/popup.ts b/src/popup/popup.ts
index 3c6894d..7397045 100644
--- a/src/popup/popup.ts
+++ b/src/popup/popup.ts
@@ -6,7 +6,7 @@ function localizePage(): void {
     const message = (element as HTMLElement).dataset.i18n!;
     const localizedText = chrome.i18n.getMessage(message);
     if (localizedText) {
-      if (element.tagName === 'INPUT' && (element as HTMLInputElement).hasAttribute('placeholder')) {
+      if ((element.tagName === 'INPUT' || element.tagName === 'TEXTAREA') && (element as HTMLInputElement).hasAttribute('placeholder')) {
         (element as HTMLInputElement).placeholder = localizedText;
       } else {
         element.textContent = localizedText;