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 {
|
||||
padding: 10px 25px;
|
||||
padding: 7px 18px;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
display: inline-block;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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")}
|
||||
|
|
Loading…
Reference in a new issue