Fix sizings and margins
This commit is contained in:
parent
3e09cd1d2e
commit
87cea5ef09
3 changed files with 6 additions and 2 deletions
|
@ -27,7 +27,7 @@ limitations under the License.
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_AccessibleButton_hasKind {
|
.mx_AccessibleButton_hasKind {
|
||||||
padding: 10px 25px;
|
padding: 7px 18px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
|
@ -22,3 +22,7 @@ limitations under the License.
|
||||||
.mx_VoiceSettingsTab .mx_Field {
|
.mx_VoiceSettingsTab .mx_Field {
|
||||||
margin-right: 100px; // align with the rest of the fields
|
margin-right: 100px; // align with the rest of the fields
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mx_VoiceSettingsTab_missingMediaPermissions {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
|
@ -97,7 +97,7 @@ export default class VoiceSettingsTab extends React.Component {
|
||||||
let webcamDropdown = null;
|
let webcamDropdown = null;
|
||||||
if (this.state.mediaDevices === false) {
|
if (this.state.mediaDevices === false) {
|
||||||
requestButton = (
|
requestButton = (
|
||||||
<div>
|
<div className='mx_VoiceSettingsTab_missingMediaPermissions'>
|
||||||
<p>{_t("Missing media permissions, click the button below to request.")}</p>
|
<p>{_t("Missing media permissions, click the button below to request.")}</p>
|
||||||
<AccessibleButton onClick={this._requestMediaPermissions} kind="primary">
|
<AccessibleButton onClick={this._requestMediaPermissions} kind="primary">
|
||||||
{_t("Request media permissions")}
|
{_t("Request media permissions")}
|
||||||
|
|
Loading…
Reference in a new issue