From 4d797cdc16758348d7558ac8eee3e6ee19414a7d Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Mon, 17 Aug 2020 23:14:56 -0600
Subject: [PATCH] Remove margin from icon component and put it into more
 specific area.

---
 src/components/ControlBar.vue | 4 ++++
 src/components/Icon.vue       | 1 -
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/ControlBar.vue b/src/components/ControlBar.vue
index 0cd85b2..d4456a9 100644
--- a/src/components/ControlBar.vue
+++ b/src/components/ControlBar.vue
@@ -228,6 +228,10 @@ img.profile_image {
 	border-radius: 50%;
 }
 
+div#user_data > div {
+	margin-right: 5px;
+}
+
 @media only screen and (min-width: 768px) {
 	#control {
 		flex-direction: row;
diff --git a/src/components/Icon.vue b/src/components/Icon.vue
index 5c4b183..6fc4b25 100644
--- a/src/components/Icon.vue
+++ b/src/components/Icon.vue
@@ -121,6 +121,5 @@ export default {
 	vertical-align: middle;
 	display: inline-flex;
 	align-items: center;
-	margin-right: 5px;
 }
 </style>
\ No newline at end of file