From 4f387d8dbf4ad5c5953a6c50d7bcfc08cb82ec11 Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Wed, 15 Jul 2020 20:42:30 +0200
Subject: [PATCH] :lipstick: (actions) change action button

---
 src/assets/stop.svg | 15 ++-------------
 src/views/Home.vue  | 11 +++++++++++
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/assets/stop.svg b/src/assets/stop.svg
index c8f4aeb..2095461 100644
--- a/src/assets/stop.svg
+++ b/src/assets/stop.svg
@@ -1,15 +1,4 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  class="icon icon-tabler icon-tabler-square"
-  width="44"
-  height="44"
-  viewBox="0 0 24 24"
-  stroke-width="1.5"
-  stroke="#2c3a47"
-  fill="none"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3a47" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" />
-  <rect x="4" y="4" width="16" height="16" rx="2" />
+  <rect x="6" y="6" width="12" height="12" rx="2" />
 </svg>
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 48e89ab..99106b0 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -130,6 +130,17 @@ export default defineComponent({
   }
 }
 
+.actions {
+  display: flex;
+  justify-content: center;
+
+  button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+}
+
 .global-time {
   font-size: calc(3em + 10vw);
 }