From 4892209ba2974c98d0a4e626992696053c3a9e10 Mon Sep 17 00:00:00 2001
From: Vitalii Honchar <vhonchar@pinterest.com>
Date: Tue, 12 Mar 2024 14:44:40 -0400
Subject: [PATCH] Fixed displaying the dropdown for the list of accounts
 (#1511)

* Fixed drop down menu

* Added dropdown-menu-right to the account dropdown
---
 .../templates/environs/env_landing.html       | 93 ++++++++++---------
 1 file changed, 47 insertions(+), 46 deletions(-)

diff --git a/deploy-board/deploy_board/templates/environs/env_landing.html b/deploy-board/deploy_board/templates/environs/env_landing.html
index fdc4a9f257..4385d090f8 100644
--- a/deploy-board/deploy_board/templates/environs/env_landing.html
+++ b/deploy-board/deploy_board/templates/environs/env_landing.html
@@ -440,53 +440,54 @@ <h4 class="panel-title pull-left pointer-cursor">
                 </div>
 
                 <div class="btn-group">
-                    <button class="deployToolTip btn btn-default btn-sm dropdown-toggle"
-                            title="Change how the hosts are displayed based on Account"
-                            data-toggle="dropdown" type="button">
-                        Account <span class="caret"></span>
-                    </button>
-                    <ul class="dropdown-menu" role="menu">
-                        <form id="accountFormId">
-                        <li>
-                            <div class="radio"><label>&nbsp;
-                            <input type="radio" name="account" value="all"
-                            {% if report.account == "all" %}
-                            checked
-                            {% endif %}
-                            > All
-                            </label></div>
-                        </li>
-                        <li>
-                            <div class="radio"><label>&nbsp;
-                            <input type="radio" name="account" value="{{ primaryAccount }}"
-                            {% if report.account == primaryAccount %}
-                            checked
-                            {% endif %}
-                            > {{ primaryAccount }}
-                            </label></div>
-                        </li>
-                        <li>
-                            <div class="radio"><label>&nbsp;
-                            <input type="radio" name="account" value="{{ subAccount }}"
-                            {% if report.account == subAccount %}
-                            checked
-                            {% endif %}
-                            > {{ subAccount }}
-                            </label></div>
-                        </li>
-                        <li>
-                            <div class="radio"><label>&nbsp;
-                            <input type="radio" name="account" value="others"
-                            {% if report.account == "others" %}
-                            checked
-                            {% endif %}
-                            > Others
-                            </label></div>
-                        </li>
-                        </form>
-                    </ul>
+                    <div class="dropdown">
+                        <button class="deployToolTip btn btn-default btn-sm dropdown-toggle"
+                                title="Change how the hosts are displayed based on Account"
+                                data-toggle="dropdown" type="button">
+                            Account <span class="caret"></span>
+                        </button>
+                        <ul class="dropdown-menu dropdown-menu-right" role="menu">
+                            <form id="accountFormId">
+                                <li>
+                                    <div class="radio"><label>&nbsp;
+                                        <input type="radio" name="account" value="all"
+                                               {% if report.account == "all" %}
+                                        checked
+                                        {% endif %}
+                                        > All
+                                    </label></div>
+                                </li>
+                                <li>
+                                    <div class="radio"><label>&nbsp;
+                                        <input type="radio" name="account" value="{{ primaryAccount }}"
+                                               {% if report.account == primaryAccount %}
+                                               checked
+                                               {% endif %}
+                                        > {{ primaryAccount }}
+                                    </label></div>
+                                </li>
+                                <li>
+                                    <div class="radio"><label>&nbsp;
+                                        <input type="radio" name="account" value="{{ subAccount }}"
+                                               {% if report.account == subAccount %}
+                                               checked
+                                               {% endif %}
+                                        > {{ subAccount }}
+                                    </label></div>
+                                </li>
+                                <li>
+                                    <div class="radio"><label>&nbsp;
+                                        <input type="radio" name="account" value="others"
+                                               {% if report.account == "others" %}
+                                        checked
+                                        {% endif %}
+                                        > Others
+                                    </label></div>
+                                </li>
+                            </form>
+                        </ul>
                     </div>
-
+                </div>
             </div>
         </div>