Spearhead
/
joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix(my-joy-beta): image table aliognments

This commit is contained in:
Sara Vieira 2018-02-27 14:24:51 +00:00
parent 461d8697ca
commit 695ca1b38f
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/my-joy-beta/src/components/create-instance/package.js
View File

@ -56,7 +56,7 @@ export const Filters = ({ onResetFilters }) => (
<Flex wrap alignCenter justifyBetween>
<FormGroup type="checkbox" name="compute-optimized" field={Field}>
<Checkbox>
<FormLabel actionable>
<FormLabel noMargin actionable>
<Flex alignCenter>
{GroupIcons.COMPUTE}
<Margin right={1} left={1}>
@ -68,7 +68,7 @@ export const Filters = ({ onResetFilters }) => (
</FormGroup>
<FormGroup type="checkbox" name="memory-optimized" field={Field}>
<Checkbox>
<FormLabel actionable>
<FormLabel noMargin actionable>
<Flex alignCenter>
{GroupIcons.MEMORY}
<Margin left={1} right={2}>
@ -80,7 +80,7 @@ export const Filters = ({ onResetFilters }) => (
</FormGroup>
<FormGroup type="checkbox" name="general-purpose" field={Field}>
<Checkbox>
<FormLabel actionable>
<FormLabel noMargin actionable>
<Flex alignCenter>
{GroupIcons.GENERAL}
<Margin left={1} right={2}>
@ -92,7 +92,7 @@ export const Filters = ({ onResetFilters }) => (
</FormGroup>
<FormGroup type="checkbox" name="storage-optimized" field={Field}>
<Checkbox>
<FormLabel actionable>
<FormLabel noMargin actionable>
<Flex alignCenter>
{GroupIcons.STORAGE}
<Margin left={1} right={2}>
@ -104,7 +104,7 @@ export const Filters = ({ onResetFilters }) => (
</FormGroup>
<FormGroup type="checkbox" name="ssd" field={Field}>
<Checkbox>
<FormLabel actionable>SSD</FormLabel>
<FormLabel noMargin actionable>SSD</FormLabel>
</Checkbox>
</FormGroup>
</Flex>
@ -138,6 +138,7 @@ export const Package = ({
{GroupIcons[group]}
<Margin left={1} right={2}>
<FormLabel
noMargin
style={{ fontWeight: sortBy === 'name' ? 'bold' : 'normal' }}
>
{name}

4
packages/ui-toolkit/src/form/label.js
View File

@ -26,6 +26,10 @@ const StyledLabel = Label.extend`
${is('normal')`
font-weight: ${props => props.theme.font.weight.normal};
`};
${is('noMargin')`
margin: 0;
`};
`;
export default props => {