refactor css names

Author: MathuraMG

images/exit.svg

@@ -4,7 +4,7 @@ import 'codemirror/mode/javascript/javascript';
 import 'codemirror/addon/selection/active-line'
 
 class Editor extends React.Component {
-	_cm: CodeMirror.Editor
+  _cm: CodeMirror.Editor
 
 	componentDidMount() {
 		this._cm = CodeMirror(this.refs.container, {

images/minus.svg

@@ -15,18 +15,18 @@ class Preferences extends React.Component {
 		return (
 			<div className={preferencesContainerClass} tabindex="0">
 				<div className="preferences__heading">
-					<h2 className="preferences__title-text">Preferences</h2>
+					<h2 className="preferences__title">Preferences</h2>
 					<button className="preferences__exit-button" onClick={this.props.closePreferences}>
 						<Isvg src={exitUrl} alt="Exit Preferences" />
 					</button>
 				</div>
 				<div className="preference">
-					<h3 className="preference__title-text">Font Size</h3>
-						<button className="preferences__plus-button" onClick={this.props.decreaseFont}>
+					<h3 className="preference__title">Font Size</h3>
+						<button className="preference__plus-button" onClick={this.props.decreaseFont}>
 							<Isvg src={minusUrl} alt="Decrease Font Size" />
 						</button>
 						<p className="preference__value">{this.props.fontSize}</p>
-						<button className="preferences__minus-button" onClick={this.props.increaseFont}>
+						<button className="preference__minus-button" onClick={this.props.increaseFont}>
 							<Isvg src={plusUrl} alt="Increase Font Size" />
 						</button>
 				</div>

images/plus.svg

@@ -19,12 +19,12 @@
 	}
 }
 
-.preferences__plus-button {
+.preference__plus-button {
 	@extend %preferences-button;
 	margin-right: auto;
 }
 
-.preferences__minus-button {
+.preference__minus-button {
 	@extend %preferences-button;
 }
 
@@ -33,7 +33,7 @@
 	flex-direction: rows;
 	margin-left: #{20 / $base-font-size}rem;
 }
-.preferences__title-text {
+.preferences__title {
 	margin: 0 0;
 	font-size: #{$menu-font-size}px;
 	font-weight: 700;
@@ -45,7 +45,7 @@
 	margin: 0 #{20 / $base-font-size}rem;
 }
 
-.preference__title-text {
+.preference__title {
 	margin: 0 0;
 	font-size: #{$base-font-size}px;
 	font-weight: 400;