diff --git a/src/html/advanced.html b/src/html/advanced.html index aafa26db..7acc0d82 100644 --- a/src/html/advanced.html +++ b/src/html/advanced.html @@ -190,21 +190,33 @@ #input { display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 5px 0px; margin-bottom: 10px; } #input2 { display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 5px 0px; margin-bottom: 10px; } #input3 { display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 5px 0px; margin-bottom: 10px; } #gamesettings { display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 5px 0px; margin-bottom: 10px; } @@ -234,20 +246,21 @@ #input #fen { width: 50%; + min-width: 450px; padding: 2px 0 2px 6px; border: 1px solid #ddd; - border-right: 0; } #input #move { width: 10%; + min-width: 100px; padding: 2px 0 2px 6px; border: 1px solid #ddd; - border-right: 0; } #input2 #movetime { width: 5%; + min-width: 75px; padding: 2px 0 2px 6px; border: 1px solid #ddd; border-right: 0; @@ -260,6 +273,7 @@ #input2 #depth { width: 5%; + min-width: 75px; padding: 2px 0 2px 6px; border: 1px solid #ddd; border-right: 0; @@ -272,6 +286,7 @@ #input2 #nodes { width: 5%; + min-width: 75px; padding: 2px 0 2px 6px; border: 1px solid #ddd; border-right: 0; @@ -284,6 +299,7 @@ #input2 #threads { width: 5%; + min-width: 75px; padding: 2px 0 2px 6px; border: 1px solid #ddd; border-right: 0; @@ -296,6 +312,7 @@ #input2 #hash { width: 5%; + min-width: 75px; padding: 2px 0 2px 6px; border: 1px solid #ddd; border-right: 0; @@ -308,6 +325,7 @@ #input2 #multipv { width: 5%; + min-width: 75px; padding: 2px 0 2px 6px; border: 1px solid #ddd; border-right: 0; @@ -496,7 +514,7 @@ } #binengineinput { - margin-bottom: 5px; + margin-bottom: 10px; } #binengineinput button { @@ -535,18 +553,30 @@ #binengineinput #whiteenginesettings { display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 5px 0px; } #binengineinput #blackenginesettings { display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 5px 0px; } #binengineinput #analysisenginesettings { display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 5px 0px; } #posvariantdiv { display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 5px 0px; margin-bottom: 10px; } @@ -910,6 +940,9 @@ #advancedtimesettings #whitetimesettings { display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 5px 0px; margin-bottom: 10px; } @@ -980,6 +1013,9 @@ #advancedtimesettings #blacktimesettings { display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 5px 0px; margin-bottom: 10px; } @@ -1050,6 +1086,9 @@ #advancedtimesettings #gamecontrol-start { display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 5px 0px; margin-bottom: 10px; } @@ -1276,6 +1315,12 @@ overflow: scroll; } + #enginesettingspopup div { + flex-direction: row; + flex-wrap: wrap; + gap: 5px 0px; + } + #enginesettingspopup button { display: inline-block; padding: 3px 6px 3px 6px; @@ -1334,6 +1379,12 @@ overflow: scroll; } + #enginemanagementpopup div { + flex-direction: row; + flex-wrap: wrap; + gap: 5px 0px; + } + #enginemanagementpopup button { display: inline-block; padding: 3px 6px 3px 6px; @@ -1392,6 +1443,12 @@ overflow: scroll; } + #enginesetuppopup div { + flex-direction: row; + flex-wrap: wrap; + gap: 5px 0px; + } + #enginesetuppopup button { display: inline-block; padding: 3px 6px 3px 6px; @@ -1452,6 +1509,12 @@ overflow: scroll; } + #loadsavedgamespopup div { + flex-direction: row; + flex-wrap: wrap; + gap: 5px 0px; + } + #loadsavedgamespopup button { display: inline-block; padding: 3px 6px 3px 6px;