From 396ea23f19e6c00783171973d348146108a9db2c Mon Sep 17 00:00:00 2001
From: malincrist <92857141+malincrist@users.noreply.github.com>
Date: Mon, 27 Feb 2023 10:59:29 +0100
Subject: [PATCH] Used custom dropdown from paperbits in widget editor (#2118)

---
 .../signin-social/ko/signinSocialEditor.html     | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/users/signin-social/ko/signinSocialEditor.html b/src/components/users/signin-social/ko/signinSocialEditor.html
index 4b4731b41..23a02f55c 100644
--- a/src/components/users/signin-social/ko/signinSocialEditor.html
+++ b/src/components/users/signin-social/ko/signinSocialEditor.html
@@ -20,8 +20,8 @@
                     <button class="btn btn-info" type="button" title="Help"
                         data-bind="tooltip: 'Custom reply URL. If not specified, current page URL will be used.'"></button>
                 </label>
-                <input type="text" class="form-control" placeholder="e.g. https://contoso.com/signin" data-bind="textInput: aadReplyUrl"
-                    maxlength="2000" />
+                <input type="text" class="form-control" placeholder="e.g. https://contoso.com/signin"
+                    data-bind="textInput: aadReplyUrl" maxlength="2000" />
             </div>
         </div>
     </div>
@@ -46,8 +46,8 @@
                     <button class="btn btn-info" type="button" title="Help"
                         data-bind="tooltip: 'Custom reply URL. If not specified, current page URL will be used.'"></button>
                 </label>
-                <input type="text" class="form-control" placeholder="e.g. https://contoso.com/signin" data-bind="textInput: aadB2CReplyUrl"
-                    maxlength="2000" />
+                <input type="text" class="form-control" placeholder="e.g. https://contoso.com/signin"
+                    data-bind="textInput: aadB2CReplyUrl" maxlength="2000" />
             </div>
         </div>
     </div>
@@ -63,10 +63,10 @@
                     <button class="btn btn-info" type="button" title="Help"
                         data-bind="tooltip: 'Predefined appearance from style guide.'"></button>
                 </label>
-                <div class="input-group">
-                    <select id="appearanceStyle" class="form-control"
-                        data-bind="options: appearanceStyles, value: appearanceStyle, optionsText: 'displayName', optionsValue: 'key'"></select>
-                </div>
+                <dropdown id="appearanceStyle"
+                    params="{ options: appearanceStyles, value: appearanceStyle, optionsText: 'displayName', optionsValue: 'key' }"
+                    aria-label="Appearance">
+                </dropdown>
             </div>
             <role-input params="{ selection: model.security.roles, onChange: onRoleSelect }"></role-input>
         </div>