Aligned classes CSS

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 {

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>