1.18.2 How To Render AbstractContainerScreen Like A Regular Screen?

[sFXprt]

I have this screen which I like 

 

However since I am forced to use AbstractContainerScreen, it now looks like this

 

Here is my Screen Class

public ArcherGuardScreen(ArcherMenu pMenu, Inventory pPlayerInventory, Component pTitle) {
        super(pMenu, pPlayerInventory, pTitle);
        init();
    }

    @Override
    protected void init() {
        this.addRenderableWidget(new Button(this.width / 2 + 5, this.height / 6 - 12 + 24, 70, 20, Component.nullToEmpty("Stay"), (p_96278_) -> {
            ModMessages.sendToServer(new ArcherUpdateC2S(1));
            this.minecraft.setScreen(null);
        }));
        this.addRenderableWidget(new Button(this.width / 2 + 5, this.height / 6 - 12 + 60, 70, 20, Component.nullToEmpty("Move Freely"), (p_96278_) -> {
            ModMessages.sendToServer(new ArcherUpdateC2S(2));
            this.minecraft.setScreen(null);
        }));
        this.addRenderableWidget(new Button(this.width / 2 + 5, this.height / 6 - 12 + 96 , 70, 20, Component.nullToEmpty("Ignore Nearby"), (p_96278_) -> {
            ModMessages.sendToServer(new ArcherUpdateC2S(3));
            this.minecraft.setScreen(null);
        }));
        this.addRenderableWidget(new Button(this.width / 2 + 5, this.height / 6 - 12 + 132 , 70, 20, Component.nullToEmpty("Hire Guard"), (p_96278_) -> {
            ModMessages.sendToServer(new ArcherUpdateC2S(4));
            this.minecraft.setScreen(null);
        }));
        super.init();
    }

    @Override
    public boolean shouldCloseOnEsc() {
        return true;
    }

    @Override
    public boolean isPauseScreen() {
        return true;
    }

    @Override
    protected void renderBg(PoseStack pPoseStack, float pPartialTick, int pMouseX, int pMouseY) {

    }

    @Override
    public void onClose() {
        this.minecraft.setScreen(null);
    }

Please note my old Screen class was identical to this one except it did most of the backend there however since I am forced to use containers for an actual server I had to revamp the entire thing so only init() is changed everything else is the same as last class except the new method renderBg() which I am sure its causing this but I am so so bad and PoseStacks I have no idea how to set the text to where it needs to be, for now ill just mess with the Button widget values

[warjort]

this.width / 2 + 5

That x position the typical pattern to centre then add 5.

[warjort]

And if you are not doing a traditional container screen, you probably want to override what AbstractContainerScreen.init() does when it calculates leftPos/topPos

[sFXprt]

Just now, warjort said:

this.width / 2 + 5

That x position the typical pattern to centre then add 5.

got it, fixed up and looking good. Thanks