@GUI::Widget {
    fill_with_background_color: true

    layout: @GUI::VerticalBoxLayout {
        margins: [8, 8, 8, 8]
    }

    @DisplaySettings::MonitorWidget {
        name: "monitor_widget"
        fixed_width: 304
        fixed_height: 201
    }

    @GUI::Widget {
        fixed_height: 20
    }

    @GUI::GroupBox {
        layout: @GUI::VerticalBoxLayout {
            margins: [16, 24, 16, 6]
        }

        title: "Screen settings"

        @GUI::Widget {
            shrink_to_fit: true

            layout: @GUI::HorizontalBoxLayout {
            }

            @GUI::Label {
                text: "Resolution:"
                text_alignment: "CenterLeft"
                fixed_width: 95
            }

            @GUI::ComboBox {
                name: "resolution_combo"
            }
        }

        @GUI::Widget {
            fixed_height: 8
        }

        @GUI::Widget {
            shrink_to_fit: true

            layout: @GUI::HorizontalBoxLayout {
            }

            @GUI::Label {
                text: "Display scale:"
                text_alignment: "CenterLeft"
                fixed_width: 95
            }

            @GUI::RadioButton {
                name: "scale_1x"
                text: "1x"
                fixed_width: 50
            }

            @GUI::RadioButton {
                name: "scale_2x"
                text: "2x"
                fixed_width: 50
            }
        }
    }
}