Fixed some graphical bugs that got introduced during the CSS cleanup - Issue #20

Author: CMahaff

public_html/index.html

@@ -270,7 +270,7 @@ <h2 id='scoreChange' class="scoreChange">+25</h2>
                             <!-- Rank in leaderboards -->
                         </div>
                         <br />
-                        <div class = 'button blueButtonMenu' 
+                        <div class = 'button blueButton returnButton' 
                              data-logic = 'return'>
                             Return
                         </div>
@@ -284,7 +284,7 @@ <h2 id='scoreChange' class="scoreChange">+25</h2>
                         Multiple correct answers in a row will grant combo bonuses, while
                         incorrect answers will cost you points, and end combos. <br /> <br />
                         Answer as many questions as you can in the given time!
-                        <div class = 'button blueButtonMenu' 
+                        <div class = 'button blueButton returnMenuButton' 
                              data-logic = 'endTutorial'>
                             Return
                         </div>

public_html/src/css/GameScreen.css

@@ -84,7 +84,12 @@
     font-size: 60px;
     text-align: left;
     padding-top: 200px;
-    padding-left: 250px;
+    padding-left: 230px;
+}
+
+.readyText {
+    padding-left: 0px !important;
+    text-align: center !important;
 }
 
 /* Animation for score flash-in-out */
@@ -136,4 +141,10 @@
 
 .button.incorrect {
     background-color: red !important;
+}
+
+.returnButton {
+    font-size: 28px;
+    width: 150px;
+    margin: auto !important;
 }

public_html/src/css/TutorialScreen.css

@@ -5,4 +5,11 @@
 	padding: 17px;
     font-size: 28px;
     border: 0px;
+}
+
+.returnMenuButton {
+    font-size: 28px;
+    width: 150px;
+    margin: auto !important;
+    margin-top: 60px !important;
 }

public_html/src/js/GameScreen.js

@@ -129,6 +129,7 @@
                 loadingString += '.';
             }
             $('#loadingMessage').text(loadingString);
+            $('#loadingMessage').removeClass('readyText');
             /* Build Molecule */
             var molecule = MoleculeGeometryBuilder.load(data, 0.25, 5, 1, 0);
             if( molecule != undefined ) {
@@ -166,12 +167,16 @@
             }
         } else {
             enableButtons(this);
+            /*
             $('#loadingMessage')
                     .text('Ready')
                     .css({
                 'padding-left': '0px',
                 'text-align': 'center'
             });
+*/
+            $('#loadingMessage').text('Ready');
+            $('#loadingMessage').addClass('readyText');
             $('#beginButton').addClass('in');
         }
     };