From 34418091da141dada146c7a2f954d7fb0e3cd739 Mon Sep 17 00:00:00 2001
From: Kayne Ruse <kayneruse@gmail.com>
Date: Wed, 29 May 2019 08:50:43 +1000
Subject: [PATCH] Added no collapse option for tables

---
 public/styles/shared.css         | 4 ++++
 src/components/pages/profile.jsx | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/public/styles/shared.css b/public/styles/shared.css
index d419505..c47781f 100644
--- a/public/styles/shared.css
+++ b/public/styles/shared.css
@@ -246,6 +246,10 @@ footer {
 	flex: 1;
 }
 
+.table.noCollapse .row {
+	flex-direction: row;
+}
+
 /* bits and pieces */
 .logoutButton {
 	align-self: stretch;
diff --git a/src/components/pages/profile.jsx b/src/components/pages/profile.jsx
index 1aa56a1..93879f2 100644
--- a/src/components/pages/profile.jsx
+++ b/src/components/pages/profile.jsx
@@ -149,7 +149,7 @@ class Profile extends React.Component {
 		return (
 			<div className='panel'>
 				<h1 className='centered'>Profile</h1>
-				<div className='table'>
+				<div className='table noCollapse'>
 					<div className='row'>
 						<p className='col'>Username:</p>
 						<p className='col'>{this.state.username}</p>
@@ -211,7 +211,7 @@ class Profile extends React.Component {
 		return (
 			<div className='panel'>
 				<h1 className='centered'>Profile</h1>
-				<div className='table'>
+				<div className='table noCollapse'>
 					<div className='row'>
 						<p className='col'>Username:</p>
 						<p className='col'>{this.state.username}</p>
@@ -269,7 +269,7 @@ class Profile extends React.Component {
 		return (
 			<div className='panel'>
 				<h1 className='centered'>Profile</h1>
-				<div className='table'>
+				<div className='table noCollapse'>
 					<div className='row'>
 						<p className='col'>Username:</p>
 						<p className='col'>{this.state.username}</p>