From f85c575975e4ff5d10014f682d4c27d456f31049 Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Mon, 9 Apr 2018 09:10:57 -0400
Subject: [PATCH] Fix radiobutton toggling

---
 client/galaxy/scripts/mvc/ui/ui-options.js |  3 +--
 client/galaxy/style/scss/ui.scss           | 11 +++++++++++
 static/style/blue/base.css                 |  8 ++++++++
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/client/galaxy/scripts/mvc/ui/ui-options.js b/client/galaxy/scripts/mvc/ui/ui-options.js
index 89fb196bc99f..b4bf8c8c5834 100644
--- a/client/galaxy/scripts/mvc/ui/ui-options.js
+++ b/client/galaxy/scripts/mvc/ui/ui-options.js
@@ -285,8 +285,7 @@ RadioButton.View = Base.extend({
     /** Main template function */
     _template: function() {
         return $("<div/>")
-            .addClass("btn-group btn-group-toggle")
-            .attr("data-toggle", "buttons");
+            .addClass("btn-group ui-radiobutton");
     }
 });
 
diff --git a/client/galaxy/style/scss/ui.scss b/client/galaxy/style/scss/ui.scss
index bf52f52e7e23..a362d27a976b 100644
--- a/client/galaxy/style/scss/ui.scss
+++ b/client/galaxy/style/scss/ui.scss
@@ -895,6 +895,17 @@ $ui-margin-horizontal-large: 10px;
     }
 }
 
+.ui-radiobutton {
+    top: -2px;
+    input {
+        display: none;
+    }
+    label {
+        padding: 2px 10px;
+        margin: 0px;
+    }
+ }
+
 .ui-button-check {
     .icon {
         font-size: 1.2em;
diff --git a/static/style/blue/base.css b/static/style/blue/base.css
index bcb05dccc2b6..da5da834722b 100644
--- a/static/style/blue/base.css
+++ b/static/style/blue/base.css
@@ -10683,6 +10683,14 @@ html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
     top: 8px;
     left: 10px; }
 
+.ui-radiobutton {
+  top: -2px; }
+  .ui-radiobutton input {
+    display: none; }
+  .ui-radiobutton label {
+    padding: 3px 10px;
+    margin: 0px; }
+
 .ui-button-check {
   cursor: pointer;
   margin-bottom: 5px; }