From bfd30513f690355a73d4d5ee52002b9bb944d2fd Mon Sep 17 00:00:00 2001
From: oop7 <110548351+oop7@users.noreply.github.com>
Date: Sat, 6 Dec 2025 21:40:59 +0200
Subject: [PATCH] Refine input and button styles in main and video info UI

Improved the appearance and spacing of the URL input, paste, and analyze buttons in the main GUI, including updated padding, border, and color styles. Adjusted font sizes and colors for video info labels for a more consistent and polished look.
---
 src/gui/ytsage_gui_main.py       | 64 +++++++++++++++++++++++++++++---
 src/gui/ytsage_gui_video_info.py |  8 ++--
 2 files changed, 62 insertions(+), 10 deletions(-)

diff --git a/src/gui/ytsage_gui_main.py b/src/gui/ytsage_gui_main.py
index a4b9386..2eedf84 100644
--- a/src/gui/ytsage_gui_main.py
+++ b/src/gui/ytsage_gui_main.py
@@ -140,11 +140,15 @@ class YTSageApp(QMainWindow, FormatTableMixin, VideoInfoMixin):  # Inherit from
                 color: #ffffff;
             }
             QLineEdit {
-                padding: 8px;
-                border: 2px solid #1b2021;
-                border-radius: 4px;
+                padding: 12px 15px;
+                border: 2px solid #2a2d2e;
+                border-radius: 6px;
                 background-color: #1b2021;
                 color: #ffffff;
+                font-size: 13px;
+            }
+            QLineEdit:focus {
+                border-color: #ff6b6b;
             }
             QPushButton {
                 padding: 8px 15px;
@@ -351,17 +355,65 @@ class YTSageApp(QMainWindow, FormatTableMixin, VideoInfoMixin):  # Inherit from
 
         # URL input section
         url_layout = QHBoxLayout()
+        url_layout.setSpacing(10)
+        
         self.url_input = QLineEdit()
         self.url_input.setPlaceholderText(_("main_ui.url_placeholder"))
         self.url_input.returnPressed.connect(self.analyze_url)  # Analyze on Enter key
         self.url_input.textChanged.connect(self._on_url_text_changed)  # Enable/disable analyze button
+        self.url_input.setMinimumHeight(42)
 
+        # Paste URL button
+        self.paste_button = QPushButton(_("buttons.paste_url"))
+        self.paste_button.clicked.connect(self.paste_url)
+        self.paste_button.setMinimumHeight(42)
+        self.paste_button.setMinimumWidth(115)
+        self.paste_button.setStyleSheet("""
+            QPushButton {
+                padding: 9px 20px;
+                background-color: #1b2021;
+                border: 2px solid #2a2d2e;
+                border-radius: 5px;
+                color: #ffffff;
+                font-weight: 600;
+                font-size: 13px;
+            }
+            QPushButton:hover {
+                background-color: #252829;
+                border-color: #3a3d3e;
+            }
+            QPushButton:pressed {
+                background-color: #1a1d1e;
+            }
+        """)
+
+        # Analyze button with app's red theme
         self.analyze_button = QPushButton(_("buttons.analyze"))
         self.analyze_button.clicked.connect(self.analyze_url)
         self.analyze_button.setEnabled(False)  # Disabled until URL is entered
-
-        self.paste_button = QPushButton(_("buttons.paste_url"))
-        self.paste_button.clicked.connect(self.paste_url)
+        self.analyze_button.setMinimumHeight(42)
+        self.analyze_button.setMinimumWidth(115)
+        self.analyze_button.setStyleSheet("""
+            QPushButton {
+                padding: 9px 20px;
+                background-color: #c90000;
+                border: none;
+                border-radius: 5px;
+                color: white;
+                font-weight: 600;
+                font-size: 13px;
+            }
+            QPushButton:hover {
+                background-color: #a50000;
+            }
+            QPushButton:pressed {
+                background-color: #800000;
+            }
+            QPushButton:disabled {
+                background-color: #3d3d3d;
+                color: #888888;
+            }
+        """)
 
         url_layout.addWidget(self.url_input, 1)
         url_layout.addWidget(self.paste_button)
diff --git a/src/gui/ytsage_gui_video_info.py b/src/gui/ytsage_gui_video_info.py
index d9f4bba..06b282f 100644
--- a/src/gui/ytsage_gui_video_info.py
+++ b/src/gui/ytsage_gui_video_info.py
@@ -53,7 +53,7 @@ class VideoInfoMixin:
         # Title and info labels
         self.title_label = QLabel()
         self.title_label.setWordWrap(True)
-        self.title_label.setStyleSheet("font-size: 14px; font-weight: bold;")
+        self.title_label.setStyleSheet("font-size: 12px; font-weight: bold;")
 
         # Add basic info labels
         self.channel_label = QLabel()
@@ -73,9 +73,9 @@ class VideoInfoMixin:
             label.setStyleSheet(
                 """
                 QLabel {
-                    color: #cccccc;
-                    font-size: 12px;
-                    padding: 1px 0;
+                    color: #999999;
+                    font-size: 11px;
+                    padding: 0px;
                 }
             """
             )