Fix overflowing settings on low resolution

css/style.css

@@ -162,6 +162,8 @@ input.tab-input[type="radio"]:checked + label {
     position: absolute;
     left: 50%;
     top: 50%;
+    width: 0;
+    height: 0;
 }
 
 #settingsWindow {
@@ -169,8 +171,8 @@ input.tab-input[type="radio"]:checked + label {
     z-index: 9;
     width: 640px;
     height: 470px;
-    left: -320px;
-    top: -235px;
+    margin-left: -320px;
+    margin-top: -235px;
     
     background: rgba(200,200,200, 0.7);
     border-color: "black";

js/HuesSettings.js

@@ -152,7 +152,7 @@ HuesSettings.prototype.connectCore = function(core) {
 HuesSettings.prototype.show = function() {
     if(this.core)
         this.core.hideLists();
-    this.window.style.display = "flex";
+    this.window.style.display = "block";
 }
 
 HuesSettings.prototype.hide = function() {
@@ -161,7 +161,7 @@ HuesSettings.prototype.hide = function() {
 
 HuesSettings.prototype.toggle = function() {
     if(this.window.style.display == "none") {
-        this.window.style.display = "flex";
+        this.window.style.display = "block";
         if(this.core)
             this.core.hideLists();
     } else {