From 7db2e8ff4f0d3f13c44f58a0825db3bd950f7c9b Mon Sep 17 00:00:00 2001
From: Jake Dexheimer <jakedex@gmail.com>
Date: Fri, 15 Sep 2017 11:54:23 -0500
Subject: [PATCH] Button -> button html

---
 components/Button.js | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/components/Button.js b/components/Button.js
index ae05adf..0970386 100644
--- a/components/Button.js
+++ b/components/Button.js
@@ -2,23 +2,26 @@ import React from 'react'
 import { COLORS } from '../lib/constants'
 
 export default (props) => (
-  <div onClick={props.onClick} className="toolbar-btn" style={Object.assign({
+  <button onClick={props.onClick} style={Object.assign({
     background: COLORS.BLACK,
     color: props.color,
     border: `0.5px solid ${props.color}`
   }, props.style)}>
     <span>{props.title}</span>
     <style jsx>{`
-      div {
+      button {
         cursor: pointer;
+        outline: none;
         height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
         padding: 0 16px;
         border-radius: 3px;
         user-select: none;
       }
+
+      button > span {
+        font-size: 14px;
+        line-height: 1;
+      }
     `}</style>
-  </div>
+  </button>
 )