Slight CSS cleanup

css/hues-res.css

@@ -226,10 +226,12 @@
     border: 2px solid black;
     padding: 5px;
     cursor: pointer;
+    /* Actually wider than the container, but has a centering effect */
+    width: 200px;
 }
 
 #res-packtabs > input:checked + label {
-    background: rgba(255,255,255,0.5);
+    background: rgba(255,255,255,0.3);
     border-bottom: none;
 }
 

css/style.css

@@ -125,8 +125,6 @@ h1, h2, h3 {
 #tabs {
     margin: -1px;
     padding-top: 22px;
-    height: 455px;
-    min-width: 500px;
 }
 
 input[type=radio] {
@@ -161,28 +159,24 @@ input.tab-input[type="radio"]:checked + label {
 }
 
 #settingsHelper {
-    display:-webkit-flex;
-    display:flex;
-    -webkit-justify-content:center;
-    justify-content:center;
-    -webkit-align-items:center;
-    align-items:center;
     position: absolute;
-    z-index: 9;
+    left: 50%;
-    top: 0;
+    top: 50%;
-    left: 0;
-    width:100%;
-    height:100%;
 }
 
 #settingsWindow {
     position: relative;
+    z-index: 9;
+    width: 640px;
+    height: 470px;
+    left: -320px;
+    top: -235px;
+    
     background: rgba(200,200,200, 0.7);
     border-color: "black";
     border-width: 2px;
     border-style: solid;
     font-family: 'PetMe64Web';
-    width: 640px;
 }
 
 #huesSettings {

js/HuesCore.js

@@ -273,7 +273,7 @@ HuesCore.prototype.resetAudio = function() {
 
 HuesCore.prototype.randomImage = function() {
     var len = this.resourceManager.enabledImages.length;
-    var index=Math.floor(Math.random() * len);
+    var index = Math.floor(Math.random() * len);
     if ((index == this.imageIndex || this.lastImageArray.indexOf(index) != -1) && len > 1) {
         this.randomImage();
     } else {