From 26241be6fadec25f8e896dad24f6e6a97da773bb Mon Sep 17 00:00:00 2001
From: Umar Bolatov <bolatovumar@gmail.com>
Date: Sat, 2 May 2020 09:39:39 -0700
Subject: [PATCH] Ensure dropdown option doesn't overflow container (#1533)

fix #1526
---
 .../vendor/jquery-prettydropdowns/prettydropdowns.css    | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/BTCPayServer/wwwroot/vendor/jquery-prettydropdowns/prettydropdowns.css b/BTCPayServer/wwwroot/vendor/jquery-prettydropdowns/prettydropdowns.css
index 00b87a37f..b062a9205 100644
--- a/BTCPayServer/wwwroot/vendor/jquery-prettydropdowns/prettydropdowns.css
+++ b/BTCPayServer/wwwroot/vendor/jquery-prettydropdowns/prettydropdowns.css
@@ -1,5 +1,6 @@
 .prettydropdown {
     position: relative;
+    max-width: 100%; /* Make sure it's never larger than parent container */
     min-width: 72px; /* 70px + borders */
     display: inline-block;
 }
@@ -21,6 +22,7 @@
         font: normal 18px Calibri, sans-serif;
         list-style-type: none;
         margin: 0;
+        max-width: 100%; /* Make sure it's never larger than parent container */
         padding: 0;
         text-align: left;
         -webkit-user-select: none; /* Chrome all / Safari all */
@@ -69,6 +71,13 @@
         line-height: 46px; /* 48px - borders */
         margin: 0;
         padding-left: 0.8rem;
+
+        /* Make sure text doesn't overflow */
+        max-width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        padding-right: 2rem;
     }
 
     .prettydropdown.loading > ul > li {