From a4d9483fa43f91f6dee1dd477b673652af4717f3 Mon Sep 17 00:00:00 2001
From: Lordmau5 <mail@lordmau5.com>
Date: Mon, 29 Jul 2019 21:27:15 +0200
Subject: [PATCH] Fixes styling for the Control Center link in the Settings
 Menu (#624)

---
 .../twitch-twilight/modules/chat/settings_menu.jsx     | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/sites/twitch-twilight/modules/chat/settings_menu.jsx b/src/sites/twitch-twilight/modules/chat/settings_menu.jsx
index 771afd18..9f92a569 100644
--- a/src/sites/twitch-twilight/modules/chat/settings_menu.jsx
+++ b/src/sites/twitch-twilight/modules/chat/settings_menu.jsx
@@ -56,9 +56,13 @@ export default class SettingsMenu extends Module {
 				if ( ! this.ffzPauseClick )
 					this.ffzPauseClick = () => this.setState({ffzPauseMenu: ! this.state.ffzPauseMenu});
 
-				val.props.children.push(<div class="tw-mg-t-1">
-					<button onClick={this.ffzSettingsClick}>
-						{t.i18n.t('site.menu_button', 'FrankerFaceZ Control Center')}
+				val.props.children.push(<div class="tw-full-width tw-relative">
+					<button class="tw-block tw-border-radius-medium tw-full-width tw-interactable tw-interactable--inverted tw-interactive" onClick={this.ffzSettingsClick}>
+						<div class="tw-align-items-center tw-flex tw-pd-05 tw-relative">
+							<div class="tw-flex-grow-1">
+								{t.i18n.t('site.menu_button', 'FrankerFaceZ Control Center')}
+							</div>
+						</div>
 					</button>
 					{t.cant_window && <div class="tw-mg-t-05 tw-c-text-alt-2">
 						<span class="ffz-i-attention">