From b3b3f04f8214d2599e7db5e95acebee888a903cb Mon Sep 17 00:00:00 2001
From: Kayne Ruse <kayneruse@gmail.com>
Date: Mon, 3 Jun 2019 13:50:49 +1000
Subject: [PATCH] CSS fix

---
 public/styles/shared.css            | 8 ++++++++
 src/components/panels/equipment.jsx | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/public/styles/shared.css b/public/styles/shared.css
index ef49a9a..216773c 100644
--- a/public/styles/shared.css
+++ b/public/styles/shared.css
@@ -307,6 +307,10 @@ pre {
 	display: none;
 }
 
+.centered.mobile {
+	text-align: initial;
+}
+
 @media screen and (max-width: 480px) {
 	.show.mobile {
 		display: block;
@@ -325,3 +329,7 @@ pre {
 	padding-top: .25em;
 	padding-bottom: .25em;
 }
+
+.alwaysCentered {
+	text-align: center !important;
+}
\ No newline at end of file
diff --git a/src/components/panels/equipment.jsx b/src/components/panels/equipment.jsx
index f4a34b3..e8fcd13 100644
--- a/src/components/panels/equipment.jsx
+++ b/src/components/panels/equipment.jsx
@@ -36,8 +36,8 @@ class Equipment extends React.Component {
 						<p className='col centered truncate'>Name</p>
 						<p className='col centered truncate'>Type</p>
 						<p className='col centered truncate'>Owned</p>
-						<p className='col centered truncate mobile hide'>Buy</p>
-						<p className='col centered truncate mobile hide'>Sell</p>
+						<p className='col centered truncate mobile hide alwaysCentered'>Buy</p>
+						<p className='col centered truncate mobile hide alwaysCentered'>Sell</p>
 					</div>
 
 					<hr className='mobile show' />