fix form label line-height styles

This commit is contained in:
Aarni Halinen
2021-06-21 20:00:45 +03:00
parent 4bff95e9ce
commit 28ad72c8c0
4 changed files with 4 additions and 2 deletions
@@ -8,6 +8,7 @@ const Container = styled.label`
padding-left: 2rem;
cursor: pointer;
font-size: 1.5rem; /* 24px */
line-height: 1;
user-select: none;
/* On mouse-over, add a grey background color */
@@ -22,7 +22,7 @@ type CheckboxesProps = Omit<WidgetProps, "options"> & {
};
const CheckboxContainer = styled.div`
margin-bottom: 0.5rem;
margin-bottom: 1rem;
`;
const Checkboxes: React.FC<CheckboxesProps> = ({
@@ -7,6 +7,7 @@ const Container = styled.label`
padding-left: 2rem;
cursor: pointer;
font-size: 1.5rem; /* 24px */
line-height: 1;
user-select: none;
/* On mouse-over, add a grey background color */
@@ -8,7 +8,7 @@ type RadioButtonWidgetProps = Omit<WidgetProps, "options"> & {
};
const RadioButtonContainer = styled.div`
margin-bottom: 0.5rem;
margin-bottom: 1rem;
`;
const RadioButtonWidget: React.FC<RadioButtonWidgetProps> = (props) => {