mirror of
https://github.com/laurent22/joplin.git
synced 2025-01-26 18:58:21 +02:00
Desktop: Improve appearance of note Info dialog
This commit is contained in:
parent
6563606799
commit
cbf7f03bff
@ -117,6 +117,9 @@ class NotePropertiesDialog extends React.Component {
|
|||||||
this.styles_.controlBox = {
|
this.styles_.controlBox = {
|
||||||
marginBottom: '1em',
|
marginBottom: '1em',
|
||||||
color: 'black', // This will apply for the calendar
|
color: 'black', // This will apply for the calendar
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'row',
|
||||||
|
alignItems: 'center',
|
||||||
};
|
};
|
||||||
|
|
||||||
this.styles_.button = {
|
this.styles_.button = {
|
||||||
@ -133,8 +136,11 @@ class NotePropertiesDialog extends React.Component {
|
|||||||
color: theme.color,
|
color: theme.color,
|
||||||
textDecoration: 'none',
|
textDecoration: 'none',
|
||||||
backgroundColor: theme.backgroundColor,
|
backgroundColor: theme.backgroundColor,
|
||||||
border: '1px solid',
|
padding: '.14em',
|
||||||
borderColor: theme.dividerColor,
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'center',
|
||||||
|
marginLeft: '0.5em',
|
||||||
};
|
};
|
||||||
|
|
||||||
this.styles_.input = {
|
this.styles_.input = {
|
||||||
@ -323,7 +329,7 @@ class NotePropertiesDialog extends React.Component {
|
|||||||
if (editCompHandler) {
|
if (editCompHandler) {
|
||||||
editComp = (
|
editComp = (
|
||||||
<a href="#" onClick={editCompHandler} style={styles.editPropertyButton}>
|
<a href="#" onClick={editCompHandler} style={styles.editPropertyButton}>
|
||||||
<i className={`fa ${editCompIcon}`} aria-hidden="true" style={{ marginLeft: '.5em' }}></i>
|
<i className={`fa ${editCompIcon}`} aria-hidden="true"></i>
|
||||||
</a>
|
</a>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user