From 623f8c9d25f28eb9d2aef045029f74387a9281c3 Mon Sep 17 00:00:00 2001
From: Stefan Malzner <stefan@adlk.io>
Date: Fri, 10 Nov 2017 21:48:28 +0100
Subject: optimize sidebar button size

---
 src/components/layout/Sidebar.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/components/layout')

diff --git a/src/components/layout/Sidebar.js b/src/components/layout/Sidebar.js
index 72ee2b3b7..ea34e8702 100644
--- a/src/components/layout/Sidebar.js
+++ b/src/components/layout/Sidebar.js
@@ -61,21 +61,21 @@ export default class Sidebar extends Component {
         />
         <button
           onClick={toggleMuteApp}
-          className={`sidebar__button ${isAppMuted ? 'is-muted' : ''}`}
+          className={`sidebar__button sidebar__button--audio ${isAppMuted ? 'is-muted' : ''}`}
           data-tip={`${intl.formatMessage(isAppMuted ? messages.unmute : messages.mute)} (${ctrlKey}+Shift+M)`}
         >
           <i className={`mdi mdi-bell${isAppMuted ? '-off' : ''}`} />
         </button>
         <button
           onClick={() => openSettings({ path: 'recipes' })}
-          className="sidebar__button"
+          className="sidebar__button sidebar__button--new-service"
           data-tip={`${intl.formatMessage(messages.addNewService)} (${ctrlKey}+N)`}
         >
           <i className="mdi mdi-plus-box" />
         </button>
         <button
           onClick={() => openSettings({ path: 'app' })}
-          className="sidebar__button"
+          className="sidebar__button sidebar__button--settings"
           data-tip={`${intl.formatMessage(messages.settings)} (${ctrlKey}+,)`}
         >
           <i className="mdi mdi-settings" />
-- 
cgit v1.2.3-54-g00ecf