commit 664d4702ad166a85676168dbffb42a8ba5b79f1b
author Bri Prebilic Cole <bri@onlab.us> Wed Feb 25 12:16:14 2015 -0800
committer Gerrit Code Review <gerrit@onlab.us> Wed Feb 25 21:43:02 2015 +0000
tree 77b21c7d5d7f04111c628df7f75bfd05cbf7dc0e
parent 67c221fc0cdf2c6bd48aa4af939a5c516abb7ac7

GUI -- ButtonService - Fixed radio buttons selection bug.

Change-Id: Ibdf77e231ce58d4863b11daecb0b8106f8e979a6

web/gui/src/main/webapp/app/fw/widget/button.css

diff --git a/web/gui/src/main/webapp/app/fw/widget/button.css b/web/gui/src/main/webapp/app/fw/widget/button.css
index f14e1f7..4ae4954 100644
--- a/web/gui/src/main/webapp/app/fw/widget/button.css
+++ b/web/gui/src/main/webapp/app/fw/widget/button.css
@@ -28,54 +28,66 @@
 .button,
 .toggleButton,
 .radioSet,
+.radioButton,
 .separator {
     display: inline-block;
 }
 .button,
-.toggleButton {
+.toggleButton,
+.radioSet {
     padding: 0 4px 0 4px;
 }
-.radioSet .toggleButton {
-    padding: 0 0 0 4px;
+.radioButton {
+    padding: 0 4px 0 0;
 }
 
 .button svg.embeddedIcon,
-.toggleButton svg.embeddedIcon {
+.toggleButton svg.embeddedIcon,
+.radioButton svg.embeddedIcon {
     cursor: pointer;
 }
 .button svg.embeddedIcon .icon rect,
-.toggleButton svg.embeddedIcon .icon rect {
+.toggleButton svg.embeddedIcon .icon rect,
+.radioButton svg.embeddedIcon .icon rect{
     stroke: none;
 }
 
 /* Selected button color */
 .light .button svg.embeddedIcon,
-.light .toggleButton.selected svg.embeddedIcon {
+.light .toggleButton.selected svg.embeddedIcon,
+.light .radioButton.selected svg.embeddedIcon {
     fill: #838383;
 }
 .light .button svg.embeddedIcon .glyph,
-.light .toggleButton.selected svg.embeddedIcon .glyph {
+.light .toggleButton.selected svg.embeddedIcon .glyph,
+.light .radioButton.selected svg.embeddedIcon .glyph {
     fill: white;
 }
 .dark .button svg.embeddedIcon,
-.dark .toggleButton.selected svg.embeddedIcon {
+.dark .toggleButton.selected svg.embeddedIcon,
+.dark .radioButton.selected svg.embeddedIcon{
     fill: #151515;
 }
 .dark .button svg.embeddedIcon .glyph,
-.dark .toggleButton.selected svg.embeddedIcon .glyph {
+.dark .toggleButton.selected svg.embeddedIcon .glyph,
+.dark .radioButton.selected svg.embeddedIcon .glyph {
     fill: #B2B2B2;
 }
 
 /* Unselected button color */
-.light .toggleButton svg.embeddedIcon {
+.light .toggleButton svg.embeddedIcon,
+.light .radioButton svg.embeddedIcon {
     fill: #eee;
 }
-.light .toggleButton svg.embeddedIcon .glyph {
+.light .toggleButton svg.embeddedIcon .glyph,
+.light .radioButton svg.embeddedIcon .glyph {
     fill: #bbb;
 }
-.dark .toggleButton svg.embeddedIcon {
+.dark .toggleButton svg.embeddedIcon,
+.dark .radioButton svg.embeddedIcon {
     fill: #303030;
 }
-.dark .toggleButton svg.embeddedIcon .glyph {
+.dark .toggleButton svg.embeddedIcon .glyph,
+.dark .radioButton svg.embeddedIcon .glyph {
     fill: #565656;
 }