diff --git a/src/js/Content/Features/Store/App/FDLCCheckboxes.css b/src/js/Content/Features/Store/App/FDLCCheckboxes.css index e2954a7ea..2bde4c542 100644 --- a/src/js/Content/Features/Store/App/FDLCCheckboxes.css +++ b/src/js/Content/Features/Store/App/FDLCCheckboxes.css @@ -1,12 +1,13 @@ +/* Fix the native add-all-dlc-to-cart button position on expandable dlc lists */ +#gameAreaDLCSection #dlc_purchase_action { + float: right; +} + #es_selected_btn { float: left; - margin-top: 4px; display: none; } -#game_area_dlc_expanded + #es_selected_btn { - margin-bottom: 10px; -} #es_dlc_option_panel { background-color: rgba(0, 0, 0, 0.2); @@ -47,8 +48,7 @@ padding: 0; } .game_area_dlc_row.dlc_highlight > div:first-child:has(.es_dlc_label) { - display: flex; - margin-left: -12px !important; + margin-left: -4px !important; } label.es_dlc_label { diff --git a/src/js/Content/Features/Store/App/FDLCCheckboxes.ts b/src/js/Content/Features/Store/App/FDLCCheckboxes.ts index b340b3719..f5f4725ce 100644 --- a/src/js/Content/Features/Store/App/FDLCCheckboxes.ts +++ b/src/js/Content/Features/Store/App/FDLCCheckboxes.ts @@ -63,8 +63,7 @@ export default class FDLCCheckboxes extends Feature { // TODO remove when min version is increased to FF 121 if (!CSS.supports("selector(:has(a))")) { if (dlcRow.classList.contains("dlc_highlight")) { - node.style.display = "flex"; - node.style.marginLeft = "-12px"; + node.style.marginLeft = "-4px"; } else { node.style.display = "flex"; node.style.marginLeft = "-4px";