Center the vertical alignment of lobby options if less than the panel height.

This also enables an extra row to be shown before triggering the scroll bar.

Author: pchote

OpenRA.Mods.Common/Widgets/Logic/Lobby/LobbyOptionsLogic.cs

@@ -24,6 +24,7 @@ public class LobbyOptionsLogic : ChromeLogic
 		readonly Widget optionsContainer;
 		readonly Widget checkboxRowTemplate;
 		readonly Widget dropdownRowTemplate;
+		readonly int yMargin;
 
 		readonly Func<MapPreview> getMap;
 		readonly OrderManager orderManager;
@@ -40,6 +41,7 @@ internal LobbyOptionsLogic(Widget widget, OrderManager orderManager, Func<MapPre
 
 			panel = (ScrollPanelWidget)widget;
 			optionsContainer = widget.Get("LOBBY_OPTIONS");
+			yMargin = optionsContainer.Bounds.Y;
 			optionsContainer.IsVisible = () => validOptions;
 			checkboxRowTemplate = optionsContainer.Get("CHECKBOX_ROW_TEMPLATE");
 			dropdownRowTemplate = optionsContainer.Get("DROPDOWN_ROW_TEMPLATE");
@@ -173,7 +175,12 @@ void RebuildOptions()
 				}
 			}
 
-			panel.ContentHeight = optionsContainer.Bounds.Y + optionsContainer.Bounds.Height;
+			panel.ContentHeight = yMargin + optionsContainer.Bounds.Height;
+			optionsContainer.Bounds.Y = yMargin;
+			if (panel.ContentHeight < panel.Bounds.Height)
+				optionsContainer.Bounds.Y += (panel.Bounds.Height - panel.ContentHeight) / 2;
+
+			panel.ScrollToTop();
 		}
 	}
 }

mods/cnc/chrome/lobby-options.yaml

@@ -16,12 +16,11 @@ Container@LOBBY_OPTIONS_BIN:
 			Children:
 				Container@LOBBY_OPTIONS:
 					X: 18
-					Y: 30
+					Y: 9
 					Width: PARENT_RIGHT - 24 - 18
-					Height: PARENT_BOTTOM - 75
 					Children:
 						Container@CHECKBOX_ROW_TEMPLATE:
-							Height: 35
+							Height: 34
 							Children:
 								Checkbox@A:
 									Width: 175
@@ -44,7 +43,7 @@ Container@LOBBY_OPTIONS_BIN:
 									Visible: False
 									TooltipContainer: TOOLTIP_CONTAINER
 						Container@DROPDOWN_ROW_TEMPLATE:
-							Height: 35
+							Height: 34
 							Width: PARENT_RIGHT
 							Children:
 								Label@A_DESC:

mods/common/chrome/lobby-options.yaml

@@ -16,12 +16,11 @@ Container@LOBBY_OPTIONS_BIN:
 			Children:
 				Container@LOBBY_OPTIONS:
 					X: 18
-					Y: 30
+					Y: 9
 					Width: PARENT_RIGHT - 18 - 24
-					Height: PARENT_BOTTOM - 75
 					Children:
 						Container@CHECKBOX_ROW_TEMPLATE:
-							Height: 35
+							Height: 34
 							Children:
 								Checkbox@A:
 									Width: 175
@@ -41,7 +40,7 @@ Container@LOBBY_OPTIONS_BIN:
 									Visible: False
 									TooltipContainer: TOOLTIP_CONTAINER
 						Container@DROPDOWN_ROW_TEMPLATE:
-							Height: 35
+							Height: 34
 							Width: PARENT_RIGHT
 							Children:
 								Label@A_DESC: