cleanup checkbox container ui

ShMcK · ShMcK · commit cecc17b2f602 · 2020-02-11T20:36:35.000-08:00
diff --git a/web-app/src/containers/Tutorial/LevelPage/Step.tsx b/web-app/src/containers/Tutorial/LevelPage/Step.tsx
@@ -16,11 +16,15 @@ const styles = {
   card: {
     display: 'grid',
     gridTemplateColumns: '25px 1fr',
-    padding: '1rem 1rem 1rem 0.2rem',
+    padding: '1rem 1rem 1rem 0rem',
   },
   content: {
     margin: 0,
   },
+  checkboxContainer: {
+    paddingTop: 2,
+    width: '1rem',
+  },
   options: {
     display: 'flex' as 'flex',
     flexDirection: 'row' as 'row',
@@ -39,7 +43,7 @@ const Step = (props: Props) => {
   return (
     <div>
       <div css={styles.card}>
-        <div>
+        <div css={styles.checkboxContainer}>
           <Checkbox status={props.status} />
         </div>
         <div>
