Fixed displaying the dropdown for the list of accounts (#1511)

* Fixed drop down menu * Added dropdown-menu-right to the account dropdown
pinterest · Mar 12, 2024 · 4892209 · 4892209
1 parent 24b15b2
commit 4892209
Showing 1 changed file with 47 additions and 46 deletions.
diff --git 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>