From 4023044286cfd0db79991feb1032ac3bb26d26ca Mon Sep 17 00:00:00 2001
From: Sebastian Velez <sebasvelez@gmail.com>
Date: Mon, 6 Feb 2023 14:30:26 -0500
Subject: [PATCH] chore: make social button smaller

---
 assets/less/app.less       | 5 +++++
 src/components/Options.tsx | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/assets/less/app.less b/assets/less/app.less
index 3a57a4f..681d1da 100644
--- a/assets/less/app.less
+++ b/assets/less/app.less
@@ -41,3 +41,8 @@ div#status {
   display: flex;
   justify-content: space-between;
 }
+
+.align-items-center {
+  display: flex;
+  align-items: center;
+}
diff --git a/src/components/Options.tsx b/src/components/Options.tsx
index 6517f3b..8045dbe 100644
--- a/src/components/Options.tsx
+++ b/src/components/Options.tsx
@@ -249,7 +249,7 @@ export default function Options(): JSX.Element {
             </div>
 
             <div className="form-group row">
-              <div className="col-lg-10 col-lg-offset-2 space-between">
+              <div className="col-lg-10 col-lg-offset-2 space-between align-items-center">
                 <div
                   onClick={() => setState({ ...state, trackSocialMedia: !state.trackSocialMedia })}
                 >
@@ -258,7 +258,7 @@ export default function Options(): JSX.Element {
                 </div>
                 <button
                   type="button"
-                  className="btn btn-primary"
+                  className="btn btn-primary btn-sm"
                   data-toggle="modal"
                   data-target="#socialSitesModal"
                 >