max-width for navigations

ui-style.css

@@ -31,8 +31,9 @@ input[type=text] {
     flex-flow: row nowrap;
     justify-content: space-around;
     position: relative;
-    margin: auto;
     width: 100vw;
+    max-width: 800px;
+    margin: 0 auto;
 }
 
 #navPlayers>button {
@@ -44,6 +45,14 @@ input[type=text] {
     color: var(--active);
 }
 
+/*centers navigations*/
+/*
+#forms, #expertDIV {
+    width: 100%;
+    margin: 0 auto;
+}
+*/
+
 .menu {
     background-color: var(--background);
     border: 1px solid var(--active);
@@ -74,7 +83,8 @@ input[type=text] {
     border-radius: 25px;
 }
 
-.but:hover, .but:active {
+.but:hover,
+.but:active {
     background-color: var(--nonactive);
     color: var(--active) !important;
 }
@@ -104,7 +114,8 @@ input[type=text] {
     overflow: hidden;
 }
 
-.slider:hover, .slider:active {
+.slider:hover,
+.slider:active {
     opacity: 1;
 }
 
@@ -193,7 +204,8 @@ input[type='checkbox']:checked:after {
     color: white !important;
 }
 
-#versionbutton, #cancelbutton {
+#versionbutton,
+#cancelbutton {
     background-color: var(--background) !important;
 }