From f5212a5de545ddbe9a6f4301482eb6e8e9635876 Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Wed, 1 May 2019 17:51:10 -0400
Subject: [PATCH] Use default divider and header elements for dropdown options
 e.g. in history panel

---
 client/galaxy/scripts/mvc/ui/popup-menu.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/client/galaxy/scripts/mvc/ui/popup-menu.js b/client/galaxy/scripts/mvc/ui/popup-menu.js
index e704cd5b0b0..9d87cad4caf 100644
--- a/client/galaxy/scripts/mvc/ui/popup-menu.js
+++ b/client/galaxy/scripts/mvc/ui/popup-menu.js
@@ -86,17 +86,15 @@ var PopupMenu = Backbone.View.extend({
         }
         return _.map(options, option => {
             if (option.divider) {
-                return '<div class="dropdown-item divider"></div>';
+                return '<div class="dropdown-divider"/>';
             } else if (option.header) {
-                return `<div class="dropdown-item head">
-                            <a href="javascript:void(0);">${option.html}</a>
-                        </div>`;
+                return `<div class="dropdown-header">${option.html}</div>`;
             }
             var href = option.href || "javascript:void(0);";
             var target = option.target ? `target="${option.target}"` : "";
             var check = option.checked ? '<span class="fa fa-check"/>' : "";
             return `<a class="dropdown-item popupmenu-option" href="${href}" ${target}>
-                        ${check}${option.html}
+                        ${check} ${option.html}
                     </a>`;
         }).join("");
     },