From b677a2002f67f385a024a6281bae60f7bc095d09 Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Wed, 24 May 2017 14:36:14 +0100
Subject: [PATCH] Minimal UI fixes

Add a label. Make css selector match style. Also fix import.
---
 src/components/structures/UserSettings.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/structures/UserSettings.js b/src/components/structures/UserSettings.js
index 1772108e03..e0302931f5 100644
--- a/src/components/structures/UserSettings.js
+++ b/src/components/structures/UserSettings.js
@@ -30,7 +30,7 @@ const AddThreepid = require('../../AddThreepid');
 const SdkConfig = require('../../SdkConfig');
 import AccessibleButton from '../views/elements/AccessibleButton';
 import _t from 'counterpart-riot';
-import * as languageHandler from('../../languageHandler');
+import * as languageHandler from '../../languageHandler';
 import * as FormattingUtils from '../../utils/FormattingUtils';
 
 // if this looks like a release, use the 'version' from package.json; else use
@@ -566,9 +566,13 @@ module.exports = React.createClass({
 
     _renderLanguageSetting: function () {
         const LanguageDropdown = sdk.getComponent('views.elements.LanguageDropdown');
-        return <LanguageDropdown ref="language" onOptionChange={this.onLanguageChange}
-                          className="mx_UserSettings_Language"
-                          value={this.state.Language} />;
+        return <div>
+            <label htmlFor="languageSelector">Interface Language</label>
+            <LanguageDropdown ref="language" onOptionChange={this.onLanguageChange}
+                          className="mx_UserSettings_language"
+                          value={this.state.Language}
+            />
+        </div>;
     },
 
     _renderUserInterfaceSettings: function() {