From aca578cb9dfdaed33f91c62ffdf3ef1a456c6a72 Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Fri, 27 Dec 2019 13:12:49 +0800
Subject: refactor: abstract ButtonWithIcon as a button enhancer

---
 src/components/Button.module.css | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

(limited to 'src/components/Button.module.css')

diff --git a/src/components/Button.module.css b/src/components/Button.module.css
index c232a66..809e133 100644
--- a/src/components/Button.module.css
+++ b/src/components/Button.module.css
@@ -1,11 +1,14 @@
 .btn {
   -webkit-appearance: none;
   outline: none;
+  user-select: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   color: var(--color-btn-fg);
   background: var(--color-btn-bg);
   border: 1px solid #555;
   border-radius: 100px;
-  user-select: none;
   &:focus {
     border-color: var(--color-focus-blue);
   }
@@ -42,10 +45,9 @@
   }
 }
 
-.withIconWrapper {
-  display: flex;
+.btnStart {
+  margin-right: 5px;
+  display: inline-flex;
   align-items: center;
-  .txt {
-    margin-left: 5px;
-  }
+  justify-content: center;
 }
-- 
cgit v1.3.1