Fix overlay css and form clearing in profile

hourglass/client/main/main.css

@@ -613,7 +613,11 @@ input, textarea {
 }
 
 .overlayCont {
-	font-size: 165%;
+	font-size: 3.1vh;
+	width: 20vw;
+	height: 20vh;
+	margin: auto;
+	margin-top: 25vh;
 	padding: 1%;
 	box-shadow: 2px 2px 5px 3px #666;
 
@@ -621,13 +625,19 @@ input, textarea {
 	-webkit-border-radius: 30px;
 	border-radius: 30px;
 
-	position: absolute;
-	top: 30%;
-	left: 50%;
-
 	text-align: center;
 }
 
+.overlayCont i {
+	font-size: 8vh;
+	margin: 0 10% 0 10%;
+	text-align: center;
+}
+
+#faCont {
+	width: 100%;
+}
+
 .fa-check-circle-o, .fa-times-circle-o {
 	-webkit-transition: color 0.4s ease;  
 	-moz-transition: color 0.4s ease; 

hourglass/client/profile/profile.html

@@ -206,10 +206,12 @@
 		</div>
 	</div>
 	<div class="overlay">
-	    <div class="overlayCont" style="{{overlayDim}};">
+	    <div class="overlayCont" style="background-color:{{divColor 'header'}}">
 	     	<p>{{confirmText}}</p>
-	     	<i class="fa fa-check-circle-o" aria-hidden="true"></i>
+	     	<div id="faCont">
-      		<i class="fa fa-times-circle-o" aria-hidden="true"></i>
+	     		<i class="fa fa-check-circle-o" aria-hidden="true"></i>
+      			<i class="fa fa-times-circle-o" aria-hidden="true"></i>
+      		</div>
 	    </div>
   	</div>
 

hourglass/client/profile/profile.js

@@ -392,7 +392,7 @@ Template.profile.events({
         sendData(confirm);
         closeDivFade(document.getElementsByClassName("overlay")[0]);
         if(confirm === "createClass") {
-            var form = document.getElementById("create");
+            var form = document.getElementsByClassName("creInput");
             for(var i = 0; i < form.length; i++) form[i].value = "";
         }
         serverData = null;