Styling (ongoing)

src/components/FilterForm.jsx

@@ -1,11 +1,11 @@
 import React from 'react'
+import './FilterForm.scss'
 
 export default function FilterForm({ filterCallback }) {
 	return (
 		<form>
-			<div className="form-group">
-				<label htmlFor="title">Filter </label>
-				<input onChange={filterCallback} />
+			<div className='form-group'>
+				<input placeholder='Filter' onChange={filterCallback} />
 			</div>
 		</form>
 	)

src/components/FilterForm.scss

@@ -0,0 +1,8 @@
+.form-group {
+	input {
+		margin: 10px;
+		font-size: 20px;
+		text-align: center;
+		padding: 10px;
+	}
+}

src/components/TeamList.jsx

@@ -7,7 +7,7 @@ export default function TeamList({ teams, users, selectTeam, selectUser }) {
 				{teams.map(team => (
 					<li className = 'list-item' key={team.id}>
 						<div>
-							<button onClick={() => selectTeam(team)}>
+							<button className='selector-btn' onClick={() => selectTeam(team)}>
 								{ team.name }
 							</button>
 						</div>