Synced the Button repo with examples

Author: Seth Lemmons

16-buttons/a-simple-button/package-lock.json

@@ -13,4 +13,4 @@
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject"
   }
-}
+}

16-buttons/a-simple-button/package.json

@@ -1,4 +1,4 @@
 .top-toolbar {
-  padding: 4px 8px;
-  background: #e8e8e8;
+  padding: 8px 12px;
+  background: #3d76b5;
 }

16-buttons/a-simple-button/src/App.css

@@ -1,12 +1,11 @@
 import React, { Component } from 'react';
+import './App.css';
 
 class App extends Component {
   render () {
     return (
-      <div>
-        <div className="top-toolbar">
-          <button onClick={this.handleAddUser}>Add User</button>
-        </div>
+      <div className="top-toolbar">
+        <button onClick={this.handleAddUser}>Add User</button>
       </div>
     );
   }

16-buttons/a-simple-button/src/App.js

@@ -1,4 +1,4 @@
 .top-toolbar {
-  padding: 4px 8px;
-  background: #e8e8e8;
+  padding: 8px 12px;
+  background: #3d76b5;
 }

16-buttons/b-button-icon/src/App.css

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import FontAwesome from '@fortawesome/react-fontawesome';
 import { faUserPlus } from '@fortawesome/fontawesome-free-solid';
+import './App.css';
 
 class App extends Component {
   render () {
@@ -9,13 +10,11 @@ class App extends Component {
     };
 
     return (
-      <div>
-        <div className="top-toolbar">
-          <button onClick={this.handleAddUser}>
-            <FontAwesome icon={faUserPlus} style={style} />
-            Add User
-          </button>
-        </div>
+      <div className="top-toolbar">
+        <button onClick={this.handleAddUser}>
+          <FontAwesome icon={faUserPlus} style={style} />
+          Add User
+        </button>
       </div>
     );
   }

16-buttons/b-button-icon/src/App.js

@@ -7,6 +7,7 @@
     "react-dom": "^16.2.0",
     "react-popper": "^0.7.5",
     "react-scripts": "1.1.0",
+    "semantic-ui-css": "^2.2.12",
     "semantic-ui-react": "^0.77.2"
   },
   "scripts": {

16-buttons/c-advanced-button/package-lock.json

@@ -1,27 +1,26 @@
 import React, { Component } from 'react';
 import { Dropdown } from 'semantic-ui-react';
 import 'semantic-ui-css/semantic.min.css';
+import './App.css';
 
 const { Divider, Item, Menu } = Dropdown;
 
 class App extends Component {
   render () {
     return (
-      <div>
-        <div className="top-toolbar">
-          <Dropdown
-            text="User Controls"
-            icon="add user"
-            className="icon"
-            floating labeled button
-          >
-            <Menu>
-              <Item onClick={this.handleAddUser}>Add User</Item>
-              <Divider />
-              <Item onClick={this.handleRemoveUser}>Remove User</Item>
-            </Menu>
-          </Dropdown>
-        </div>
+      <div className="top-toolbar">
+        <Dropdown
+          text="User Controls"
+          icon="add user"
+          className="icon"
+          floating labeled button
+        >
+          <Menu>
+            <Item onClick={this.handleAddUser}>Add User</Item>
+            <Divider />
+            <Item onClick={this.handleRemoveUser}>Remove User</Item>
+          </Menu>
+        </Dropdown>
       </div>
     );
   }