diff --git a/src/extensions/gamemode_management/views/Settings.tsx b/src/extensions/gamemode_management/views/Settings.tsx index d39086767..51071360a 100644 --- a/src/extensions/gamemode_management/views/Settings.tsx +++ b/src/extensions/gamemode_management/views/Settings.tsx @@ -4,7 +4,7 @@ import { IComponentContext } from '../../../types/IComponentContext'; import { IState } from '../../../types/IState'; import { isNullOrWhitespace } from '../../../util/util'; import Icon from '../../../views/Icon'; -import { Button } from '../../../views/TooltipControls'; +import { IconButton } from '../../../views/TooltipControls'; import { addSearchPath, removeSearchPath } from '../actions/settings'; @@ -21,30 +21,29 @@ interface IPathProps { /** * entry of the game search path list - * + * * @class SearchPathEntry * @extends {ComponentEx} */ class SearchPathEntry extends ComponentEx { public render() { - let { searchPath, t } = this.props; + const { searchPath, t } = this.props; return ( {searchPath} - + icon='remove' + /> ); } private removePath = () => { - let { searchPath, onRemovePath } = this.props; + const { searchPath, onRemovePath } = this.props; onRemovePath(searchPath); } } @@ -61,7 +60,7 @@ interface IActionProps { /** * settings dialog for game modes * Contains the list of paths to search when looking for installed games - * + * * @class Settings * @extends {(ComponentEx)} */ @@ -78,14 +77,13 @@ class Settings extends ComponentEx { { searchPaths.map(this.renderPath) } - + icon='plus' + /> { t('Directories to search when looking for games.') } @@ -107,7 +105,7 @@ class Settings extends ComponentEx { } private renderPath = (searchPath: string) => { - let { t, onRemovePath } = this.props; + const { t, onRemovePath } = this.props; return ( ): IActionProps { return { onAddPath: (path: string): void => { dispatch(addSearchPath(path)); @@ -139,5 +137,5 @@ function mapDispatchToProps(dispatch: Function): IActionProps { export default translate(['common'], { wait: false })( - connect(mapStateToProps, mapDispatchToProps)(Settings) - ) as React.ComponentClass<{}>; + connect(mapStateToProps, mapDispatchToProps)( + Settings)) as React.ComponentClass<{}>; diff --git a/src/extensions/mod_management/views/ModList.tsx b/src/extensions/mod_management/views/ModList.tsx index 86a465bca..69dcbc17a 100644 --- a/src/extensions/mod_management/views/ModList.tsx +++ b/src/extensions/mod_management/views/ModList.tsx @@ -242,13 +242,13 @@ class ModList extends ComponentEx { this.modActions = [ { icon: 'check-square-o', - title: 'Enable selected', + title: 'Enable', action: this.enableSelected, singleRowAction: false, }, { icon: 'square-o', - title: 'Disable selected', + title: 'Disable', action: this.disableSelected, singleRowAction: false, }, diff --git a/src/stylesheets/style.scss b/src/stylesheets/style.scss index 14c1db24f..1056e7c54 100644 --- a/src/stylesheets/style.scss +++ b/src/stylesheets/style.scss @@ -1301,6 +1301,22 @@ a[role=menuitem] svg { stroke: $brand-success; } +.menu-separator-line > a { + border-top: 1px solid $gray; + padding-left: 10px !important; +} + +.input-group-btn > .btn { + border: 0px; + padding-bottom: 4px; +} + +.btn-line-right { + position: absolute; + right: 10px; + top: 5px; +} + ::-webkit-scrollbar { width: $scrollbar-width; height: $scrollbar-width; diff --git a/src/views/IconBar.tsx b/src/views/IconBar.tsx index fb2126507..bda23aeb4 100644 --- a/src/views/IconBar.tsx +++ b/src/views/IconBar.tsx @@ -183,7 +183,7 @@ class IconBar extends React.Component { if ((icon.icon === null) && (icon.component === undefined)) { return ( - + {icon.title} );