Update the gray theme. Make the settings menu draw a sub-page list if a page has no content. Update changelog.

changelog.html

@@ -1,3 +1,18 @@
+<div class="list-header">4.0.0-beta1.5<span>@a752805865b1313466a7</span> <time datetime="2018-02-08">(2018-02-08)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Added: Setting to hide the Live indicator from live channels in the directory.</li>
+	<li>Fixed: Bug preventing clicking on box art on a live streamer in the directory when a channel avatar is being displayed.</li>
+	<li>Fixed: Chat on Videos with a custom chat width.</li>
+	<li>Changed: Update the Gray Theme with the latest changes from Twitch's dark theme.</li>
+	<li>API Changed: Draw settings page sub-pages if there are no contents of the settings page.</li>
+</ul>
+
+<div class="list-header">4.0.0-beta1.5<span>@676b97e4ce5229b90db5</span> <time datetime="2018-02-06">(2018-02-06)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Fixed: The <code>Hide Vodcasts</code> setting has been updated to <code>Hide Reruns</code>.</li>
+	<li>Fixed: Text wrapping and performance issues with the directory after a Twitch update.</li>
+</ul>
+
 <div class="list-header">4.0.0-beta1.5<span>@bd87103fc1c64cf0df6d</span> <time datetime="2018-02-02">(2018-02-02)</time></div>
 <ul class="chat-menu-content menu-side-padding">
 	<li>Fixed: Error fetching room-specific user-specific emote sets.</li>

src/modules/chat/badges.js

@@ -263,7 +263,8 @@ export default class Badges extends Module {
 					props: {
 						'data-provider': 'twitch',
 						'data-badge': badge_id,
-						'data-version': version
+						'data-version': version,
+						style: {}
 					},
 					badges
 				};

src/modules/main_menu/components/menu-page.vue

@@ -26,7 +26,7 @@
 	v-html="t(item.desc_i18n_key || item.i18n_key + '.description', item.description, item)"
 	/>
 </section>
-<template v-if="! item.contents">
+<template v-if="! item.contents || ! item.contents.length">
 	<ul class="tw-border-t tw-pd-y-1">
 		<li class="tw-pd-x-1" v-for="i in item.items">
 			<a href="#" @click="$emit('change-item', i, false)">

src/modules/metadata.js

@@ -342,7 +342,8 @@ export default class Metadata extends Module {
 									html: true,
 
 									tooltipClass: 'ffz-metadata-balloon tw-balloon tw-block tw-border tw-elevation-1 tw-border-radius-small tw-c-background',
-									arrowClass: 'tw-balloon__tail tw-absolute',
+									// Hide the arrow for now, until we re-do our CSS to make it render correctly.
+									arrowClass: 'tw-balloon__tail tw-overflow-hidden tw-absolute tw-hidden',
 									innerClass: 'tw-pd-1',
 
 									popper: {