From f77bd6c17b4c2732c4cf4486372c7993be7a7c10 Mon Sep 17 00:00:00 2001
From: JonnyWong16 <JonnyWong16@users.noreply.github.com>
Date: Tue, 13 Feb 2018 19:30:20 -0800
Subject: [PATCH] Move server selectize dropdown container

---
 data/interfaces/default/css/plexpy.css | 4 +++-
 data/interfaces/default/settings.html  | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/data/interfaces/default/css/plexpy.css b/data/interfaces/default/css/plexpy.css
index bba5bfac..e07abbdb 100644
--- a/data/interfaces/default/css/plexpy.css
+++ b/data/interfaces/default/css/plexpy.css
@@ -104,7 +104,7 @@ div.form-control .selectize-input {
     text-overflow: ellipsis;
 }
 .selectize-dropdown.form-control.selectize-pms-ip {
-    margin-top: -4px;
+    margin-left: 15px;
 }
 .wizard-input-section .selectize-control.form-control.selectize-pms-ip .selectize-dropdown .selectize-dropdown-content {
     max-height: 150px;
@@ -186,6 +186,8 @@ select.form-control:focus,
     display: block;
     color: #a0a0a0;
     white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 .selectize-dropdown .select-all,
 .selectize-dropdown .remove-all {
diff --git a/data/interfaces/default/settings.html b/data/interfaces/default/settings.html
index 717eda43..f1853936 100644
--- a/data/interfaces/default/settings.html
+++ b/data/interfaces/default/settings.html
@@ -623,7 +623,7 @@
                         <div class="form-group has-feedback" id="pms_ip_group">
                             <label for="pms_ip">Plex IP or Hostname</label>
                             <div class="row">
-                                <div class="col-md-9">
+                                <div class="col-md-9" id="selectize-pms-ip-container">
                                     <div class="input-group">
                                         <select class="form-control pms-settings selectize-pms-ip" id="pms_ip" name="pms_ip" data-parsley-trigger="change" aria-describedby="server-verified" data-parsley-errors-container="#pms_ip_error" required>
                                             <option value="${config['pms_ip']}" selected>${config['pms_ip']}</option>
@@ -1780,7 +1780,7 @@ $(document).ready(function() {
         sortField: 'label',
         searchField: ['label', 'value'],
         inputClass: 'form-control selectize-input',
-        dropdownParent: 'body',
+        dropdownParent: '#selectize-pms-ip-container',
         render: {
             item: function (item, escape) {
                 var label = item.label || item.value;