updating step 3 with more info in exercise and info about styles prop

step2-03/exercise/src/components/TodoApp.tsx

@@ -10,6 +10,7 @@ import { TeamsCustomizations } from '@uifabric/theme-samples';
 
 let index = 0;
 
+// TODO: Change this to add other CSS styles like backgroundColor, fontSize, etc
 const className = mergeStyles({
   padding: 25,
   ...getTheme().effects.elevation4

step2-03/exercise/src/components/TodoFooter.tsx

@@ -12,6 +12,9 @@ interface TodoFooterProps {
 export const TodoFooter = (props: TodoFooterProps) => {
   const itemCount = Object.keys(props.todos).filter(id => !props.todos[id].completed).length;
 
+  // TODO: play around with the DefaultButton component below with a "styles" prop
+  // - try it with an object: styles={{ ... }}
+  // - try it with a function: styles={props => ({ ... })}
   return (
     <Stack horizontal horizontalAlign="space-between">
       <Text>