From fc064fb28291684276f73c7b590234cc6d99ff3b Mon Sep 17 00:00:00 2001
From: FiliusPatris <filiuspatrisapps@gmail.com>
Date: Sun, 28 Mar 2021 12:29:18 +0200
Subject: [PATCH] Center text in buttons

---
 index.html          |  6 +++---
 styles/services.css | 10 ++++++++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 0684946..4487e04 100644
--- a/index.html
+++ b/index.html
@@ -37,7 +37,7 @@
                         href="https://matrix.slashdev.space"
                         class="services__offers_card__button matrix-button"
                     >
-                        Join here!
+                        <p>Join here!</p>
                     </a>
 
                     <h1 class="services__offers__card__heading git-heading">
@@ -50,7 +50,7 @@
                         href="https://git.slashdev.space"
                         class="services__offers_card__button git-button"
                     >
-                        Set up your account!
+                        <p>Set up your account!</p>
                     </a>
 
                     <h1 class="services__offers__card__heading boards-heading">Boards</h1>
@@ -61,7 +61,7 @@
                         href="https://boards.slashdev.space"
                         class="services__offers_card__button boards-button"
                     >
-                        Get agile!
+                        <p>Get agile!</p>
                     </a>
                 </div>
             </div>
diff --git a/styles/services.css b/styles/services.css
index 5262251..31298fb 100644
--- a/styles/services.css
+++ b/styles/services.css
@@ -34,16 +34,22 @@
 .services__offers_card__button {
     font-weight: 350;
     background: black;
-    border: 0px;
+    border: 1px solid black;
     color: white;
     text-decoration: none;
     padding: 0.6rem 2rem;
     margin: 2rem 2.5rem;
     transition: 0.2s;
+
+    display: flex;
+    align-items: center;
+}
+
+.services__offers_card__button > p {
+    margin: auto;
 }
 
 .services__offers_card__button:hover {
-    border: 1px solid black;
     color: black;
     background: white;
 }