1 files changed, 21 insertions, 18 deletions
diff --git a/sdnr/wt/odlux/framework/src/components/material-ui/toggleButton.tsx b/sdnr/wt/odlux/framework/src/components/material-ui/toggleButton.tsx
index fb10ca941..1a29d6970 100644
--- a/sdnr/wt/odlux/framework/src/components/material-ui/toggleButton.tsx
+++ b/sdnr/wt/odlux/framework/src/components/material-ui/toggleButton.tsx
@@ -1,20 +1,20 @@
-/**
- * ============LICENSE_START========================================================================
- * ONAP : ccsdk feature sdnr wt odlux
- * =================================================================================================
- * Copyright (C) 2019 highstreet technologies GmbH Intellectual Property. All rights reserved.
- * =================================================================================================
- * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under the License
- * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
- * or implied. See the License for the specific language governing permissions and limitations under
- * the License.
- * ============LICENSE_END==========================================================================
- */
+/**
+ * ============LICENSE_START========================================================================
+ * ONAP : ccsdk feature sdnr wt odlux
+ * =================================================================================================
+ * Copyright (C) 2019 highstreet technologies GmbH Intellectual Property. All rights reserved.
+ * =================================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License
+ * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
+ * or implied. See the License for the specific language governing permissions and limitations under
+ * the License.
+ * ============LICENSE_END==========================================================================
+ */
 
 import * as React from 'react';
 import classNames from 'classnames';
@@ -30,7 +30,7 @@ export const styles = (theme: Theme) => createStyles({
         height: 32,
         minWidth: 48,
         margin: 0,
-        padding: `${theme.spacing.unit - 4}px ${theme.spacing.unit * 1.5}px`,
+        padding: `${theme.spacing(1 - 4)}px ${theme.spacing(1.5)}px`,
         borderRadius: 2,
         willChange: 'opacity',
         color: fade(theme.palette.action.active, 0.38),
@@ -119,6 +119,7 @@ class ToggleButtonComponent extends React.Component<IToggleButtonProps> {
     handleChange = (event: React.FormEvent<HTMLElement>) => {
         const { onChange, onClick, value } = this.props;
 
+        event.stopPropagation();
         if (onClick) {
             onClick(event, value);
             if (event.isDefaultPrevented()) {
@@ -129,6 +130,7 @@ class ToggleButtonComponent extends React.Component<IToggleButtonProps> {
         if (onChange) {
             onChange(event, value);
         }
+        event.preventDefault();
     };
 
     render() {
@@ -157,6 +159,7 @@ class ToggleButtonComponent extends React.Component<IToggleButtonProps> {
                 disabled={disabled}
                 focusRipple={!disableFocusRipple}
                 onClick={this.handleChange}
+                href="#"
                 {...other}
             >
                 <span className={classes.label}>{children}</span>