From 1cf194accee4d37ddc0d658933a5e9e33fbb9713 Mon Sep 17 00:00:00 2001
From: Eveline-97 <eveline.vervliet@hotmail.com>
Date: Tue, 8 Apr 2025 14:08:34 +0200
Subject: [PATCH] max-width for navigations

---
 ui-style.css | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/ui-style.css b/ui-style.css
index 8179684..907fb6b 100644
--- a/ui-style.css
+++ b/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;
 }
 
@@ -182,8 +193,8 @@ input[type='checkbox']:checked:after {
 /*System page*/
 
 #proceedbutton {
-    background-color: var(--background)!important;
-    color: red!important;
+    background-color: var(--background) !important;
+    color: red !important;
     border: 1px solid red;
 }
 
@@ -193,7 +204,8 @@ input[type='checkbox']:checked:after {
     color: white !important;
 }
 
-#versionbutton, #cancelbutton {
+#versionbutton,
+#cancelbutton {
     background-color: var(--background) !important;
 }