From 5bcb54dba77dce1f50c515305a141217b3aa193b Mon Sep 17 00:00:00 2001
From: Kenneth Jao <ksjdragon@gmail.com>
Date: Wed, 7 Sep 2016 01:53:15 -0400
Subject: [PATCH] Aligned classes CSS

---
 hourglass/client/profile/profile.css  | 26 ++++++++++----------------
 hourglass/client/profile/profile.html |  2 ++
 2 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/hourglass/client/profile/profile.css b/hourglass/client/profile/profile.css
index 94becff..8e0710b 100644
--- a/hourglass/client/profile/profile.css
+++ b/hourglass/client/profile/profile.css
@@ -268,7 +268,6 @@
 }
 
 #label {
-	width: 90%;
 	margin-top: 2.5%;
 	margin-bottom: 2%;
 	
@@ -280,7 +279,7 @@
 }
 
 .classHolder {
-	width: 90%;
+	width: 100%;
 	max-height: 26vh;
 	padding: 1%;
 	padding-right: 100%;
@@ -304,13 +303,14 @@
 
 .classBox {
 	font-size: 2.7vh;
-	width: 100%;
+	width: 39vw;
 	margin-bottom: 3%;
 	padding: 2%;
 
 	background-color: #19B3B3;
 	box-shadow: 2px 2px 5px 3px #666;
 	display: table;
+	table-layout: fixed;
 	cursor: pointer;
 
 	-webkit-transition: background-color 0.4s ease;  
@@ -363,22 +363,16 @@
 	margin-left: .5%;
 	margin-right: 10%;
 	display: table-cell;
+	text-align: left;
+}
+
+.classBox .fa-times {
+	display: table-cell;
+	width: 5%;
 }
 
 .name {
-	width: 45%;
-}
-
-.teacher {
-	width: 20%;
-}
-
-.hour {
-	width: 15%;
-}
-
-.subscribers {
-	width: 13%;
+	width: 40%;
 }
 
 .hour.classText, .subscribers.classText {
diff --git a/hourglass/client/profile/profile.html b/hourglass/client/profile/profile.html
index 09573bb..0fedb86 100644
--- a/hourglass/client/profile/profile.html
+++ b/hourglass/client/profile/profile.html
@@ -268,6 +268,8 @@
 		<span class="subscribers classText">{{subscribers}}</span>
 		{{#if mine}}
 			<i class="fa fa-times" aria-hidden="true"></i>
+		{{else}}
+			<i class="fa fa-times" aria-hidden="true" style="visibility:hidden"></i>
 		{{/if}}
 	</div>
 </template>