From d4ebb1456f71e00b4012a7f54206b37d4be50845 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rafa=C5=82=20Dzi=C4=99giel?= <rafostar.github@gmail.com>
Date: Fri, 22 Jan 2021 13:15:27 +0100
Subject: [PATCH] Alter playlist width with box container width

---
 css/styles.css | 7 +++++--
 src/buttons.js | 3 ++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index e53f5558..6740af76 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -168,8 +168,11 @@ separator {
 .osd list row {
   -gtk-icon-shadow: none;
 }
-.osd .speedscale {
-  min-width: 330px;
+.elapsedpopoverbox {
+  min-width: 260px;
+}
+.osd .elapsedpopoverbox {
+  min-width: 360px;
 }
 .osd .speedscale trough highlight {
   min-height: 6px;
diff --git a/src/buttons.js b/src/buttons.js
index cafb8a64..67d02f5b 100644
--- a/src/buttons.js
+++ b/src/buttons.js
@@ -215,9 +215,10 @@ class ClapperElapsedPopoverButton extends LabelPopoverButton
     {
         super._init(text);
 
+        this.popoverBox.add_css_class('elapsedpopoverbox');
+
         this.scrolledWindow = new Gtk.ScrolledWindow({
             max_content_height: 150,
-            min_content_width: 250,
             propagate_natural_height: true,
         });
         this.popoverBox.append(this.scrolledWindow);