From b605e053f01a23583ea7146df40cd193337434d2 Mon Sep 17 00:00:00 2001
From: Torjus <torjusti@gmail.com>
Date: Thu, 9 Aug 2018 09:50:33 +0200
Subject: [PATCH] Fix broken badge

---
 app/lib/components/ToolArea/ToolAreaButton.jsx | 16 +++++++++++-----
 app/stylus/components/ToolArea.styl            |  2 +-
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/lib/components/ToolArea/ToolAreaButton.jsx b/app/lib/components/ToolArea/ToolAreaButton.jsx
index 6659dcd4..43139a78 100644
--- a/app/lib/components/ToolArea/ToolAreaButton.jsx
+++ b/app/lib/components/ToolArea/ToolAreaButton.jsx
@@ -11,15 +11,21 @@ class ToolAreaButton extends React.Component
 		const {
 			toolAreaOpen,
 			toggleToolArea,
-			unread
+			unread,
+			visible
 		} = this.props;
 
 		return (
-			<div data-component='ToolAreaButton' className={classnames({ on: toolAreaOpen })}>
+			<div
+				data-component='ToolAreaButton'
+				className={classnames('room-controls', {
+					on : toolAreaOpen,
+					visible
+				})}
+			>
 				<div
-					className={classnames('button toolarea-button room-controls', {
-						on      : toolAreaOpen,
-						visible : this.props.visible
+					className={classnames('button toolarea-button', {
+						on : toolAreaOpen
 					})}
 					data-tip='Toggle tool area'
 					data-type='dark'
diff --git a/app/stylus/components/ToolArea.styl b/app/stylus/components/ToolArea.styl
index 030df6ad..8aed8345 100644
--- a/app/stylus/components/ToolArea.styl
+++ b/app/stylus/components/ToolArea.styl
@@ -83,7 +83,7 @@
 	right: 0;
 	height: 36px;
 	width: 36px;
-	padding: 2rem;
+	margin: 2rem;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;