From 9b313d33783272282038f7e86d4c15197590600c Mon Sep 17 00:00:00 2001
From: grafixeyehero <grafixeyehero>
Date: Thu, 6 Jun 2019 01:17:19 +0300
Subject: [PATCH] fix some layout

---
 src/dlnaprofile.html | 522 +++++++++++++++++++++----------------------
 1 file changed, 253 insertions(+), 269 deletions(-)

diff --git a/src/dlnaprofile.html b/src/dlnaprofile.html
index 6a7917826..bbda88586 100644
--- a/src/dlnaprofile.html
+++ b/src/dlnaprofile.html
@@ -273,329 +273,313 @@
         </div>
     </div>
     <div data-role="popup" id="popupEditDirectPlayProfile" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="ui-bar-a">
-            <div class="sectionTitleContainer flex align-items-center">
+        <form class="editDirectPlayProfileForm" style="padding:1em;">
+            <div class="ui-bar-a">
                 <h3 class="sectionTitle">${HeaderDirectPlayProfile}</h3>
             </div>
             <div data-role="content">
-                <form class="editDirectPlayProfileForm">
-                    <div class="selectContainer">
-                        <select id="selectDirectPlayProfileType" name="selectDirectPlayProfileType" is="emby-select" label="${LabelType}">
-                            <option value="Audio">${OptionProfileAudio}</option>
-                            <option value="Photo">${OptionProfilePhoto}</option>
-                            <option value="Video">${OptionProfileVideo}</option>
-                        </select>
-                    </div>
+                <div class="selectContainer">
+                    <select id="selectDirectPlayProfileType" name="selectDirectPlayProfileType" is="emby-select" label="${LabelType}">
+                        <option value="Audio">${OptionProfileAudio}</option>
+                        <option value="Photo">${OptionProfilePhoto}</option>
+                        <option value="Video">${OptionProfileVideo}</option>
+                    </select>
+                </div>
+                <div class="inputContainer">
+                    <input is="emby-input" type="text" id="txtDirectPlayContainer" label="${LabelProfileContainer}" />
+                    <div class="fieldDescription">${LabelProfileContainersHelp}</div>
+                </div>
+                <div id="fldDirectPlayVideoCodec" style="margin: 1em 0;">
                     <div class="inputContainer">
-                        <input is="emby-input" type="text" id="txtDirectPlayContainer" label="${LabelProfileContainer}" />
-                        <div class="fieldDescription">${LabelProfileContainersHelp}</div>
+                        <input is="emby-input" type="text" id="txtDirectPlayVideoCodec" label="${LabelProfileVideoCodecs}" />
+                        <div class="fieldDescription">${LabelProfileCodecsHelp}</div>
                     </div>
-                    <div id="fldDirectPlayVideoCodec" style="margin: 1em 0;">
-                        <div class="inputContainer">
-                            <input is="emby-input" type="text" id="txtDirectPlayVideoCodec" label="${LabelProfileVideoCodecs}" />
-                            <div class="fieldDescription">${LabelProfileCodecsHelp}</div>
-                        </div>
+                </div>
+                <div id="fldDirectPlayAudioCodec" style="margin: 1em 0 2em;">
+                    <div class="inputContainer">
+                        <input is="emby-input" type="text" id="txtDirectPlayAudioCodec" label="${LabelProfileAudioCodecs}" />
+                        <div class="fieldDescription">${LabelProfileCodecsHelp}</div>
                     </div>
-                    <div id="fldDirectPlayAudioCodec" style="margin: 1em 0 2em;">
-                        <div class="inputContainer">
-                            <input is="emby-input" type="text" id="txtDirectPlayAudioCodec" label="${LabelProfileAudioCodecs}" />
-                            <div class="fieldDescription">${LabelProfileCodecsHelp}</div>
-                        </div>
-                    </div>
-                    <p>
-                        <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
-                            <span>${ButtonOk}</span>
-                        </button>
-                        <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
-                            <span>${ButtonCancel}</span>
-                        </button>
-                    </p>
-                </form>
+                </div>
+                <p>
+                    <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
+                        <span>${ButtonOk}</span>
+                    </button>
+                    <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
+                        <span>${ButtonCancel}</span>
+                    </button>
+                </p>
             </div>
-        </div>
+        </form>
     </div>
     <div data-role="popup" id="transcodingProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="ui-bar-a">
-            <div class="sectionTitleContainer flex align-items-center">
+        <form class="transcodingProfileForm" style="padding:1em;">
+            <div class="ui-bar-a">
                 <h3 class="sectionTitle">${HeaderTranscodingProfile}</h3>
             </div>
             <div data-role="content">
-                <form class="transcodingProfileForm" style="min-width: 250px;">
-                    <div data-role="controlgroup" data-type="horizontal" data-mini="true">
-                        <input type="radio" name="radioTranscodingTab" class="radioTabButton" id="radioTranscodingBasics" value="tabTranscodingBasics">
-                        <label for="radioTranscodingBasics">${TabInfo}</label>
-                        <input type="radio" name="radioTranscodingTab" class="radioTabButton" id="radioTranscodingAdvanced" value="tabTranscodingAdvanced">
-                        <label for="radioTranscodingAdvanced">${TabAdvanced}</label>
+                <div data-role="controlgroup" data-type="horizontal" data-mini="true">
+                    <input type="radio" name="radioTranscodingTab" class="radioTabButton" id="radioTranscodingBasics" value="tabTranscodingBasics">
+                    <label for="radioTranscodingBasics">${TabInfo}</label>
+                    <input type="radio" name="radioTranscodingTab" class="radioTabButton" id="radioTranscodingAdvanced" value="tabTranscodingAdvanced">
+                    <label for="radioTranscodingAdvanced">${TabAdvanced}</label>
+                </div>
+                <br />
+                <div class="tabContent tabTranscodingBasics" style="display: none;">
+                    <div class="selectContainer">
+                        <select id="selectTranscodingProfileType" name="selectTranscodingProfileType" is="emby-select" label="${LabelType}">
+                            <option value="Audio">${OptionProfileAudio}</option>
+                            <option value="Photo">${OptionProfilePhoto}</option>
+                            <option value="Video">${OptionProfileVideo}</option>
+                        </select>
                     </div>
-                    <br />
-                    <div class="tabContent tabTranscodingBasics" style="display: none;">
+                    <div id="fldTranscodingProtocol" style="margin: 1em 0;">
                         <div class="selectContainer">
-                            <select id="selectTranscodingProfileType" name="selectTranscodingProfileType" is="emby-select" label="${LabelType}">
-                                <option value="Audio">${OptionProfileAudio}</option>
-                                <option value="Photo">${OptionProfilePhoto}</option>
-                                <option value="Video">${OptionProfileVideo}</option>
+                            <select id="selectTranscodingProtocol" name="selectTranscodingProtocol" is="emby-select" label="${LabelProtocol}">
+                                <option value="Http">${OptionProtocolHttp}</option>
+                                <option value="Hls">${OptionProtocolHls}</option>
                             </select>
                         </div>
-                        <div id="fldTranscodingProtocol" style="margin: 1em 0;">
-                            <div class="selectContainer">
-                                <select id="selectTranscodingProtocol" name="selectTranscodingProtocol" is="emby-select" label="${LabelProtocol}">
-                                    <option value="Http">${OptionProtocolHttp}</option>
-                                    <option value="Hls">${OptionProtocolHls}</option>
-                                </select>
-                            </div>
-                        </div>
+                    </div>
+                    <div class="inputContainer">
+                        <input is="emby-input" type="text" id="txtTranscodingContainer" label="${LabelTranscodingContainer}"; required="required" />
+                    </div>
+                    <div id="fldTranscodingVideoCodec" style="margin: 1em 0;">
                         <div class="inputContainer">
-                            <input is="emby-input" type="text" id="txtTranscodingContainer" label="${LabelTranscodingContainer}"; required="required" />
-                        </div>
-                        <div id="fldTranscodingVideoCodec" style="margin: 1em 0;">
-                            <div class="inputContainer">
-                                <input is="emby-input" type="text" id="txtTranscodingVideoCodec" label="${LabelTranscodingVideoCodec}" />
-                            </div>
-                        </div>
-                        <div id="fldTranscodingAudioCodec" style="margin: 1em 0;">
-                            <div class="inputContainer">
-                                <input is="emby-input" type="text" id="txtTranscodingAudioCodec" label="${LabelTranscodingAudioCodec}" />
-                            </div>
+                            <input is="emby-input" type="text" id="txtTranscodingVideoCodec" label="${LabelTranscodingVideoCodec}" />
                         </div>
                     </div>
-                    <div class="tabContent tabTranscodingAdvanced" style="display: none;">
-                        <div id="fldEnableMpegtsM2TsMode" style="margin: 1em 0;">
-                            <div class="checkboxContainer checkboxContainer-withDescription">
-                                <label>
-                                    <input is="emby-checkbox" type="checkbox" id="chkEnableMpegtsM2TsMode" />
-                                    <span>${OptionEnableM2tsMode}</span>
-                                </label>
-                                <div class="fieldDescription checkboxFieldDescription">${OptionEnableM2tsModeHelp}</div>
-                            </div>
-                        </div>
-                        <div id="fldEstimateContentLength" style="margin: 1em 0;">
-                            <div class="checkboxContainer checkboxContainer-withDescription">
-                                <label>
-                                    <input is="emby-checkbox" type="checkbox" id="chkEstimateContentLength" />
-                                    <span>${OptionEstimateContentLength}</span>
-                                </label>
-                            </div>
-                        </div>
-                        <div id="fldReportByteRangeRequests" style="margin: 1em 0;">
-                            <div class="checkboxContainer checkboxContainer-withDescription">
-                                <label>
-                                    <input is="emby-checkbox" type="checkbox" id="chkReportByteRangeRequests" />
-                                    <span>${OptionReportByteRangeSeekingWhenTranscoding}</span>
-                                </label>
-                                <div class="fieldDescription checkboxFieldDescription">${OptionReportByteRangeSeekingWhenTranscodingHelp}</div>
-                            </div>
+                    <div id="fldTranscodingAudioCodec" style="margin: 1em 0;">
+                        <div class="inputContainer">
+                            <input is="emby-input" type="text" id="txtTranscodingAudioCodec" label="${LabelTranscodingAudioCodec}" />
                         </div>
                     </div>
-                    <p>
-                        <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
-                            <span>${ButtonOk}</span>
-                        </button>
-                        <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
-                            <span>${ButtonCancel}</span>
-                        </button>
-                    </p>
-                </form>
+                </div>
+                <div class="tabContent tabTranscodingAdvanced" style="display: none;">
+                    <div id="fldEnableMpegtsM2TsMode" style="margin: 1em 0;">
+                        <div class="checkboxContainer checkboxContainer-withDescription">
+                            <label>
+                                <input is="emby-checkbox" type="checkbox" id="chkEnableMpegtsM2TsMode" />
+                                <span>${OptionEnableM2tsMode}</span>
+                            </label>
+                            <div class="fieldDescription checkboxFieldDescription">${OptionEnableM2tsModeHelp}</div>
+                        </div>
+                    </div>
+                    <div id="fldEstimateContentLength" style="margin: 1em 0;">
+                        <div class="checkboxContainer checkboxContainer-withDescription">
+                            <label>
+                                <input is="emby-checkbox" type="checkbox" id="chkEstimateContentLength" />
+                                <span>${OptionEstimateContentLength}</span>
+                            </label>
+                        </div>
+                    </div>
+                    <div id="fldReportByteRangeRequests" style="margin: 1em 0;">
+                        <div class="checkboxContainer checkboxContainer-withDescription">
+                            <label>
+                                <input is="emby-checkbox" type="checkbox" id="chkReportByteRangeRequests" />
+                                <span>${OptionReportByteRangeSeekingWhenTranscoding}</span>
+                            </label>
+                            <div class="fieldDescription checkboxFieldDescription">${OptionReportByteRangeSeekingWhenTranscodingHelp}</div>
+                        </div>
+                    </div>
+                </div>
+                <p>
+                    <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
+                        <span>${ButtonOk}</span>
+                    </button>
+                    <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
+                        <span>${ButtonCancel}</span>
+                    </button>
+                </p>
             </div>
-        </div>
+        </form>
     </div>
     <div data-role="popup" id="containerProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="ui-bar-a">
-            <div class="sectionTitleContainer flex align-items-center">
+        <form class="containerProfileForm" style="padding:1em;">
+            <div class="ui-bar-a">
                 <h3 class="sectionTitle">${HeaderContainerProfile}</h3>
             </div>
             <div data-role="content">
-                <form class="containerProfileForm" style="min-width: 250px;">
-                    <p>${HeaderContainerProfileHelp}</p>
-                    <div class="tabContent tabContainerBasics">
-                        <div class="selectContainer">
-                            <select id="selectContainerProfileType" name="selectContainerProfileType" is="emby-select" label="${LabelType}">
-                                <option value="Audio">${OptionProfileAudio}</option>
-                                <option value="Photo">${OptionProfilePhoto}</option>
-                                <option value="Video">${OptionProfileVideo}</option>
-                            </select>
-                        </div>
-                        <div class="inputContainer">
-                            <input is="emby-input" type="text" id="txtContainerProfileContainer" label="${LabelProfileContainer}" />
-                            <div class="fieldDescription">${LabelProfileContainersHelp}</div>
-                        </div>
-                    </div>
-                    <div class="tabContent tabContainerConditions" style="display: none;"></div>
-                    <p>
-                        <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
-                            <span>${ButtonOk}</span>
-                        </button>
-                        <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
-                            <span>${ButtonCancel}</span>
-                        </button>
-                    </p>
-                </form>
-            </div>
-        </div>
-    </div>
-    <div data-role="popup" id="codecProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="ui-bar-a">
-            <div class="sectionTitleContainer flex align-items-center">
-                <h3 class="sectionTitle">${HeaderCodecProfile}</h3>
-            </div>
-            <div data-role="content">
-                <form class="codecProfileForm" style="min-width: 250px;">
-                    <p>${HeaderCodecProfileHelp}</p>
+                <p>${HeaderContainerProfileHelp}</p>
+                <div class="tabContent tabContainerBasics">
                     <div class="selectContainer">
-                        <select id="selectCodecProfileType" name="selectCodecProfileType" is="emby-select" label="${LabelType}">
-                            <option value="Video">${OptionProfileVideo}</option>
-                            <option value="VideoAudio">${OptionProfileVideoAudio}</option>
-                            <option value="Audio">${OptionProfileAudio}</option>
-                        </select>
-                    </div>
-                    <div class="inputContainer">
-                        <input is="emby-input" type="text" id="txtCodecProfileCodec" label="${LabelProfileCodecs}" />
-                        <div class="fieldDescription">${LabelProfileCodecsHelp}</div>
-                    </div>
-                    <p>
-                        <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
-                            <span>${ButtonOk}</span>
-                        </button>
-                        <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
-                            <span>${ButtonCancel}</span>
-                        </button>
-                    </p>
-                </form>
-            </div>
-        </div>
-    </div>
-    <div data-role="popup" id="responseProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="ui-bar-a">
-            <div class="sectionTitleContainer flex align-items-center">
-                <h3 class="sectionTitle">${HeaderResponseProfile}</h3>
-            </div>
-            <div data-role="content">
-                <form class="editResponseProfileForm">
-                    <div class="selectContainer">
-                        <select id="selectResponseProfileType" name="selectResponseProfileType" is="emby-select" label="${LabelType}">
+                        <select id="selectContainerProfileType" name="selectContainerProfileType" is="emby-select" label="${LabelType}">
                             <option value="Audio">${OptionProfileAudio}</option>
                             <option value="Photo">${OptionProfilePhoto}</option>
                             <option value="Video">${OptionProfileVideo}</option>
                         </select>
                     </div>
                     <div class="inputContainer">
-                        <input is="emby-input" type="text" id="txtResponseProfileContainer" label="${LabelProfileContainer}" />
+                        <input is="emby-input" type="text" id="txtContainerProfileContainer" label="${LabelProfileContainer}" />
                         <div class="fieldDescription">${LabelProfileContainersHelp}</div>
                     </div>
-                    <div id="fldResponseProfileVideoCodec" style="margin: 1em 0;">
-                        <div class="inputContainer">
-                            <input is="emby-input" type="text" id="txtResponseProfileVideoCodec" label="${LabelProfileVideoCodecs}" />
-                            <div class="fieldDescription">${LabelProfileCodecsHelp}</div>
-                        </div>
-                    </div>
-                    <div id="fldResponseProfileAudioCodec" style="margin: 1em 0 2em;">
-                        <div class="inputContainer">
-                            <input is="emby-input" type="text" id="txtResponseProfileAudioCodec" label="${LabelProfileAudioCodecs}" />
-                            <div class="fieldDescription">${LabelProfileCodecsHelp}</div>
-                        </div>
-                    </div>
-                    <p>
-                        <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
-                            <span>${ButtonOk}</span>
-                        </button>
-                        <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
-                            <span>${ButtonCancel}</span>
-                        </button>
-                    </p>
-                </form>
+                </div>
+                <div class="tabContent tabContainerConditions" style="display: none;"></div>
+                <p>
+                    <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
+                        <span>${ButtonOk}</span>
+                    </button>
+                    <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
+                        <span>${ButtonCancel}</span>
+                    </button>
+                </p>
             </div>
-        </div>
+        </form>
+    </div>
+    <div data-role="popup" id="codecProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
+        <form class="codecProfileForm" style="padding:1em;">
+            <div class="ui-bar-a">
+                <h3 class="sectionTitle">${HeaderCodecProfile}</h3>
+            </div>
+            <div data-role="content">
+                <p>${HeaderCodecProfileHelp}</p>
+                <div class="selectContainer">
+                    <select id="selectCodecProfileType" name="selectCodecProfileType" is="emby-select" label="${LabelType}">
+                        <option value="Video">${OptionProfileVideo}</option>
+                        <option value="VideoAudio">${OptionProfileVideoAudio}</option>
+                        <option value="Audio">${OptionProfileAudio}</option>
+                    </select>
+                </div>
+                <div class="inputContainer">
+                    <input is="emby-input" type="text" id="txtCodecProfileCodec" label="${LabelProfileCodecs}" />
+                    <div class="fieldDescription">${LabelProfileCodecsHelp}</div>
+                </div>
+                <p>
+                    <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
+                        <span>${ButtonOk}</span>
+                    </button>
+                    <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
+                        <span>${ButtonCancel}</span>
+                    </button>
+                </p>
+            </div>
+        </form>
+    </div>
+    <div data-role="popup" id="responseProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
+        <form class="editResponseProfileForm" style="padding:1em;">
+            <div class="ui-bar-a">
+                <h3 class="sectionTitle">${HeaderResponseProfile}</h3>
+            </div>
+            <div data-role="content">
+                <div class="selectContainer">
+                    <select id="selectResponseProfileType" name="selectResponseProfileType" is="emby-select" label="${LabelType}">
+                        <option value="Audio">${OptionProfileAudio}</option>
+                        <option value="Photo">${OptionProfilePhoto}</option>
+                        <option value="Video">${OptionProfileVideo}</option>
+                    </select>
+                </div>
+                <div class="inputContainer">
+                    <input is="emby-input" type="text" id="txtResponseProfileContainer" label="${LabelProfileContainer}" />
+                    <div class="fieldDescription">${LabelProfileContainersHelp}</div>
+                </div>
+                <div id="fldResponseProfileVideoCodec" style="margin: 1em 0;">
+                    <div class="inputContainer">
+                        <input is="emby-input" type="text" id="txtResponseProfileVideoCodec" label="${LabelProfileVideoCodecs}" />
+                        <div class="fieldDescription">${LabelProfileCodecsHelp}</div>
+                    </div>
+                </div>
+                <div id="fldResponseProfileAudioCodec" style="margin: 1em 0 2em;">
+                    <div class="inputContainer">
+                        <input is="emby-input" type="text" id="txtResponseProfileAudioCodec" label="${LabelProfileAudioCodecs}" />
+                        <div class="fieldDescription">${LabelProfileCodecsHelp}</div>
+                    </div>
+                </div>
+                <p>
+                    <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
+                        <span>${ButtonOk}</span>
+                    </button>
+                    <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
+                        <span>${ButtonCancel}</span>
+                    </button>
+                </p>
+            </div>
+        </form>
     </div>
     <div data-role="popup" id="identificationHeaderPopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="ui-bar-a">
-            <div class="sectionTitleContainer flex align-items-center">
+        <form class="identificationHeaderForm" style="padding:1em;">
+            <div class="ui-bar-a">
                 <h3 class="sectionTitle">${HeaderIdentificationHeader}</h3>
             </div>
             <div data-role="content">
-                <form class="identificationHeaderForm">
-                    <div class="inputContainer">
-                        <input is="emby-input" type="text" id="txtIdentificationHeaderName" label="${LabelName}" />
-                    </div>
-                    <div class="inputContainer">
-                        <input is="emby-input" type="text" id="txtIdentificationHeaderValue" label="${LabelValue}" />
-                    </div>
-                    <div class="selectContainer">
-                        <select id="selectMatchType" name="selectMatchType" is="emby-select" label="${LabelMatchType}">
-                            <option value="Equals">${OptionEquals}</option>
-                            <option value="Regex">${OptionRegex}</option>
-                            <option value="Substring">${OptionSubstring}</option>
-                        </select>
-                    </div>
-                    <p>
-                        <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
-                            <span>${ButtonOk}</span>
-                        </button>
-                        <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
-                            <span>${ButtonCancel}</span>
-                        </button>
-                    </p>
-                </form>
+                <div class="inputContainer">
+                    <input is="emby-input" type="text" id="txtIdentificationHeaderName" label="${LabelName}" />
+                </div>
+                <div class="inputContainer">
+                    <input is="emby-input" type="text" id="txtIdentificationHeaderValue" label="${LabelValue}" />
+                </div>
+                <div class="selectContainer">
+                    <select id="selectMatchType" name="selectMatchType" is="emby-select" label="${LabelMatchType}">
+                        <option value="Equals">${OptionEquals}</option>
+                        <option value="Regex">${OptionRegex}</option>
+                        <option value="Substring">${OptionSubstring}</option>
+                    </select>
+                </div>
+                <p>
+                    <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
+                        <span>${ButtonOk}</span>
+                    </button>
+                    <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
+                        <span>${ButtonCancel}</span>
+                    </button>
+                </p>
             </div>
-        </div>
+        </form>
     </div>
     <div data-role="popup" id="xmlAttributePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="ui-bar-a">
-            <div class="sectionTitleContainer flex align-items-center">
+        <form class="xmlAttributeForm" style="padding:1em;">
+            <div class="ui-bar-a">
                 <h3 class="sectionTitle">${HeaderXmlDocumentAttribute}</h3>
             </div>
             <div data-role="content">
-                <form class="xmlAttributeForm">
-                    <div class="inputContainer">
-                        <input is="emby-input" type="text" id="txtXmlAttributeName" label="${LabelName}" />
-                    </div>
-                    <div class="inputContainer">
-                        <input is="emby-input" type="text" id="txtXmlAttributeValue" label="${LabelValue}" />
-                    </div>
-                    <p>
-                        <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
-                            <span>${ButtonOk}</span>
-                        </button>
-                        <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
-                            <span>${ButtonCancel}</span>
-                        </button>
-                    </p>
-                </form>
+                <div class="inputContainer">
+                    <input is="emby-input" type="text" id="txtXmlAttributeName" label="${LabelName}" />
+                </div>
+                <div class="inputContainer">
+                    <input is="emby-input" type="text" id="txtXmlAttributeValue" label="${LabelValue}" />
+                </div>
+                <p>
+                    <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
+                        <span>${ButtonOk}</span>
+                    </button>
+                    <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
+                        <span>${ButtonCancel}</span>
+                    </button>
+                </p>
             </div>
-        </div>
+        </form>
     </div>
     <div data-role="popup" id="subtitleProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="ui-bar-a">
-            <div class="sectionTitleContainer flex align-items-center">
+        <form class="subtitleProfileForm" style="padding:1em;">
+            <div class="ui-bar-a">
                 <h3 class="sectionTitle">${HeaderSubtitleProfile}</h3>
             </div>
             <div data-role="content">
-                <form class="subtitleProfileForm">
-                    <div class="inputContainer">
-                        <input is="emby-input" type="text" id="txtSubtitleProfileFormat" label="${LabelFormat}" />
-                        <div class="fieldDescription">${LabelSubtitleFormatHelp}</div>
-                    </div>
-                    <div class="selectContainer">
-                        <select id="selectSubtitleProfileMethod" name="selectSubtitleProfileMethod" is="emby-select" label="${LabelMethod}">
-                            <option value="Embed">${OptionEmbedSubtitles}</option>
-                            <option value="External">${OptionExternallyDownloaded}</option>
-                            <option value="Hls">${OptionHlsSegmentedSubtitles}</option>
-                        </select>
-                    </div>
-                    <div class="selectContainer">
-                        <select id="selectSubtitleProfileDidlMode" name="selectSubtitleProfileDidlMode" is="emby-select" label="${LabelDidlMode}">
-                            <option value="">${OptionResElement}</option>
-                            <option value="CaptionInfoEx">${OptionCaptionInfoExSamsung}</option>
-                        </select>
-                    </div>
-                    <p>
-                        <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
-                            <span>${ButtonOk}</span>
-                        </button>
-                        <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
-                            <span>${ButtonCancel}</span>
-                        </button>
-                    </p>
-                </form>
+                <div class="inputContainer">
+                    <input is="emby-input" type="text" id="txtSubtitleProfileFormat" label="${LabelFormat}" />
+                    <div class="fieldDescription">${LabelSubtitleFormatHelp}</div>
+                </div>
+                <div class="selectContainer">
+                    <select id="selectSubtitleProfileMethod" name="selectSubtitleProfileMethod" is="emby-select" label="${LabelMethod}">
+                        <option value="Embed">${OptionEmbedSubtitles}</option>
+                        <option value="External">${OptionExternallyDownloaded}</option>
+                        <option value="Hls">${OptionHlsSegmentedSubtitles}</option>
+                    </select>
+                </div>
+                <div class="selectContainer">
+                    <select id="selectSubtitleProfileDidlMode" name="selectSubtitleProfileDidlMode" is="emby-select" label="${LabelDidlMode}">
+                        <option value="">${OptionResElement}</option>
+                        <option value="CaptionInfoEx">${OptionCaptionInfoExSamsung}</option>
+                    </select>
+                </div>
+                <p>
+                    <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
+                        <span>${ButtonOk}</span>
+                    </button>
+                    <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
+                        <span>${ButtonCancel}</span>
+                    </button>
+                </p>
             </div>
-        </div>
+        </form>
     </div>
 </div>