remove unnamespaced CSS fail

src/components/views/globals/NewVersionBar.js

@@ -42,7 +42,7 @@ export default React.createClass({
         const QuestionDialog = sdk.getComponent('dialogs.QuestionDialog');
         Modal.createTrackedDialog('Display release notes', '', QuestionDialog, {
             title: _t("What's New"),
-            description: <pre className="changelog_text">{releaseNotes}</pre>,
+            description: <div className="mx_MatrixToolbar_changelog">{releaseNotes}</div>,
             button: _t("Update"),
             onFinished: (update) => {
                 if(update && PlatformPeg.get()) {

src/skins/vector/css/_common.scss

@@ -294,11 +294,6 @@ textarea {
     margin-top: 69px;
 }
 
-.changelog_text {
-    // why on earth is this needed? and with the wrong namespacing? >:(
-    font-family: $font-family;
-}
-
 .mx_Beta {
     color: red;
     margin-right: 10px;

src/skins/vector/css/vector-web/views/globals/_MatrixToolbar.scss

@@ -56,3 +56,7 @@ limitations under the License.
 .mx_MatrixToolbar_action {
     margin-right: 16px;
 }
+
+.mx_MatrixToolbar_changelog {
+    white-space: pre;
+}