From 704fb43ac494ace15f8a4ef4862b9b245bf5222f Mon Sep 17 00:00:00 2001
From: Michael Fatemi <myfatemi04@gmail.com>
Date: Sun, 29 Nov 2020 01:12:57 -0500
Subject: [PATCH] Alignment updates

---
 src/App.css                       | 4 ++++
 src/components/GetInvolvedRow.tsx | 2 +-
 src/components/Segment.tsx        | 2 +-
 src/css/segment.css               | 2 ++
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/App.css b/src/App.css
index bd0f859..05c35af 100644
--- a/src/App.css
+++ b/src/App.css
@@ -27,6 +27,10 @@
 	text-align: center;
 }
 
+.text-left {
+	text-align: left;
+}
+
 .text-sm {
 	font-size: 0.75rem;
 }
diff --git a/src/components/GetInvolvedRow.tsx b/src/components/GetInvolvedRow.tsx
index ff7aa25..3ec58bd 100644
--- a/src/components/GetInvolvedRow.tsx
+++ b/src/components/GetInvolvedRow.tsx
@@ -1,6 +1,6 @@
 export default function GetInvolvedRow({ way }: { way: SGA.GetInvolvedWay}) {
 	return (
-		<div className='row'>
+		<div className='row text-left'>
 			<div className='get-involved-title'>
 				<h3>{way.title}</h3>
 			</div>
diff --git a/src/components/Segment.tsx b/src/components/Segment.tsx
index 656f275..2c47fbb 100644
--- a/src/components/Segment.tsx
+++ b/src/components/Segment.tsx
@@ -7,7 +7,7 @@ export default function InfoColumn({ title, content, imageURL, infoURL }) {
 			<h3>{title}</h3>
 			<img src={imageURL} alt={title} />
 			<p className='segment-body'>{content}</p>
-			<Link to={infoURL} className='segment-button'>
+			<Link to={infoURL} className='blue-button'>
 				MORE INFO
 			</Link>
 		</div>
diff --git a/src/css/segment.css b/src/css/segment.css
index 786d201..4630f57 100644
--- a/src/css/segment.css
+++ b/src/css/segment.css
@@ -1,5 +1,6 @@
 .segment {
 	padding: 0px 17px;
+	text-align: center;
 }
 
 .segment-body {
@@ -7,4 +8,5 @@
 	font-size: 22px;
 	line-height: 33px;
 	font-weight: 300;
+	text-align: left;
 }