4.0.0-rc14.2

* Added: Social media buttons to the FFZ Control Center.
* Fixed: Check boxes in settings UI.
* Fixed: Use word wrap for usernames in grouped mass gift sub messages.
* Fixed: Bug with tab completion breaking chat if Twitch's tab completion handler returns null.

styles/icons.scss

@@ -55,11 +55,23 @@
 	margin: .5rem .05rem 0;
 }
 
+.tw-button__icon {
+	.ffz-i-crown:before {
+		font-size: 1.6rem;
+		vertical-align: middle;
+		margin-bottom: -.6rem;
+	}
 
-.tw-button__icon .ffz-i-crown:before {
-	font-size: 1.6rem;
-	vertical-align: middle;
-	margin-bottom: -.6rem;
+	.ffz-i-zreknarf:before {
+		vertical-align: middle;
+		margin-bottom: -0.1em;
+	}
+
+	.ffz-i-discord:before,
+	.ffz-i-twitter:before {
+		vertical-align: middle;
+		margin-bottom: -0.3em;
+	}
 }
 
 .ffz-i-cancel:before { content: '\e800'; } /* '' */
@@ -102,12 +114,14 @@
 .ffz-i-pin:before { content: '\e825'; } /* '' */
 .ffz-i-pin-outline:before { content: '\e826'; } /* '' */
 .ffz-i-gift:before { content: '\e827'; } /* '' */
-.ffz-i-views:before { content: '\e828'; } /* '' */
+.ffz-i-discord:before { content: '\e828'; } /* '' */
 .ffz-i-eye:before { content: '\e829'; } /* '' */
 .ffz-i-eye-off:before { content: '\e82a'; } /* '' */
-.ffz-i-conversations:before { content: '\e82b'; } /* '' */
+.ffz-i-views:before { content: '\e82b'; } /* '' */
+.ffz-i-conversations:before { content: '\e82c'; } /* '' */
 .ffz-i-link-ext:before { content: '\f08e'; } /* '' */
 .ffz-i-twitter:before { content: '\f099'; } /* '' */
+.ffz-i-github:before { content: '\f09b'; } /* '' */
 .ffz-i-gauge:before { content: '\f0e4'; } /* '' */
 .ffz-i-download-cloud:before { content: '\f0ed'; } /* '' */
 .ffz-i-upload-cloud:before { content: '\f0ee'; } /* '' */
@@ -118,6 +132,7 @@
 .ffz-i-bell-off:before { content: '\f1f7'; } /* '' */
 .ffz-i-trash:before { content: '\f1f8'; } /* '' */
 .ffz-i-eyedropper:before { content: '\f1fb'; } /* '' */
+.ffz-i-user-secret:before { content: '\f21b'; } /* '' */
 .ffz-i-window-maximize:before { content: '\f2d0'; } /* '' */
 .ffz-i-window-minimize:before { content: '\f2d1'; } /* '' */
 .ffz-i-window-restore:before { content: '\f2d2'; } /* '' */

styles/widgets.scss

@@ -40,6 +40,14 @@
 	min-width: unset;
 }
 
+.ffz--reset-button {
+	height: 2.6rem;
+
+	.tw-button__text {
+		padding: 0.1rem 0.4rem !important;
+	}
+}
+
 
 .ffz-color-preview {
 	margin: 1px;
@@ -164,6 +172,48 @@
 	}
 }
 
+.ffz--discord-button {
+	border: 0 !important;
+	background-color: #7289DA !important;
+	color: #fff !important;
+
+	> * {
+		pointer-events: none;
+	}
+
+	&:hover, &:focus {
+		background-color: #546bbf !important;
+	}
+}
+
+.ffz--ffz-button {
+	border: 0 !important;
+	background-color: #463954 !important;
+	color: #fff !important;
+
+	> * {
+		pointer-events: none;
+	}
+
+	&:hover, &:focus {
+		background-color: #594370 !important;
+	}
+}
+
+.ffz--twitter-button {
+	border: 0 !important;
+	background-color: #1da1f2 !important;
+	color: #fff !important;
+
+	> * {
+		pointer-events: none;
+	}
+
+	&:hover, &:focus {
+		background-color: #2b96d9 !important;
+	}
+}
+
 
 .ffz--changelog {
 	ul, p {

styles/widgets/badge-visibility.scss

@@ -17,7 +17,7 @@
 
 	.tw-checkbox__input:checked+.tw-checkbox__label:after,
 	label:before, label:after {
-		top: 1.05rem;
+		top: 1.05rem !important;
 	}
 
 	.ffz-badge.preview-image {

styles/widgets/menu-container.scss

@@ -8,6 +8,10 @@
 		margin-bottom: $spacing;
 	}
 
+	& > div {
+		margin-top: 0.5rem;
+	}
+
 	& > header {
 		position: absolute;
 		top: 0; left: $spacing - 0.5rem;
@@ -19,9 +23,5 @@
 		.tw-root--theme-dark & {
 			background-color: $bg-dark;
 		}
-
-		& + * {
-			margin-top: 0.5rem;
-		}
 	}
 }