Fix sizings and margins

This commit is contained in:
Travis Ralston 2019-01-24 14:41:00 -07:00
parent 3e09cd1d2e
commit 87cea5ef09
3 changed files with 6 additions and 2 deletions

View file

@ -27,7 +27,7 @@ limitations under the License.
}
.mx_AccessibleButton_hasKind {
padding: 10px 25px;
padding: 7px 18px;
text-align: center;
border-radius: 4px;
display: inline-block;

View file

@ -22,3 +22,7 @@ limitations under the License.
.mx_VoiceSettingsTab .mx_Field {
margin-right: 100px; // align with the rest of the fields
}
.mx_VoiceSettingsTab_missingMediaPermissions {
margin-bottom: 15px;
}

View file

@ -97,7 +97,7 @@ export default class VoiceSettingsTab extends React.Component {
let webcamDropdown = null;
if (this.state.mediaDevices === false) {
requestButton = (
<div>
<div className='mx_VoiceSettingsTab_missingMediaPermissions'>
<p>{_t("Missing media permissions, click the button below to request.")}</p>
<AccessibleButton onClick={this._requestMediaPermissions} kind="primary">
{_t("Request media permissions")}