[Question]When I add a content to a container and center it, it is not centered.

[AngelCard]

Question

When I add a content to a container with padding of 50, and I center it, it is not centered. Inside the container there is a container and a button, which are inside a column, but when executing the code its position is more to the right.
The container is displayed by means of AnimatedSwitcher

Code sample

import flet 
from flet import * 



#Declarar gobala las variables sobre las dimensiones de la ventanas
global page_width, page_height



class Tool(UserControl):
    def __init__(self, text, icon, on_click):
        super().__init__()
        
        self.tool = Container(
            Row(
                vertical_alignment=CrossAxisAlignment.CENTER,
                spacing=0,
                controls=[
                    TextButton(
                        expand=True,
                        height=38,
                        content=Row(
                            alignment=MainAxisAlignment.START,
                            controls=[
                                Icon(icon, 
                                    color='#8B3BF0',
                                    size=24
                                ),
                                Text(text, 
                                    color='#001A74, 0.8', 
                                    font_family='Inter',
                                    size=16, 
                                    weight='w400'
                                )
                            ]
                        ),
                        style=ButtonStyle(
                            overlay_color='white, 0.2',
                            shape={
                                '':RoundedRectangleBorder(radius=0)
                            }
                        ),
                        on_click=on_click
                    ),
                    IconButton(
                        icon=icons.ARROW_FORWARD_IOS_ROUNDED,
                        icon_color='#9747FF',
                        icon_size=24,
                        tooltip=text,
                        style=ButtonStyle(
                            overlay_color='white, 0.2',
                            shape={
                                '':RoundedRectangleBorder(radius=0)
                            }
                        ),
                        on_click=on_click
                    )
                ]
            ),
        )
        
    def build(self):
        return self.tool




def main(page: Page):
    page.title = 'EduConter'
    page.theme_mode = 'LIGHT'
    page.padding = 0
    page.window_maximized = True
    page.window_resizable = False
    page.vertical_alignment = 'Center'
    page.horizontal_alignment = 'Center'
    
    
    page_height=page.window_height + 48
    page_width=page.window_width + 86
    
    
    
    #Vistas de Cada Heramienta
    def view_homeDef(e):
        
        main_view.content = view_home 
        main_view.update()
    
    def view_inventario(e):
        view_inventario = Container(
            Container(
                Column(
                    alignment=MainAxisAlignment.CENTER,
                    horizontal_alignment=CrossAxisAlignment.CENTER,
                    controls=[
                        Container(
                            alignment=alignment.center,
                            width=900,
                            height=600,
                            bgcolor='red'
                        ),
                        Container(
                            TextButton(
                                content=Text(
                                    'AÑADIR INVENTARIO',
                                    color='white',
                                    font_family='Inter',
                                    size=18, 
                                    weight='w700',
                                ),
                                style=ButtonStyle(
                                    shape={
                                        '':RoundedRectangleBorder(radius=5)
                                    }
                                ),
                                width=256,
                                height=54
                            ),
                            blur=Blur(10,12, BlurTileMode.MIRROR),
                            border_radius=5,
                            border=border.all(1, '#43088E')
                        )
                    ]
                ),
                alignment=alignment.center,
            ),
            alignment=alignment.center,
        )
        
        #Cambiar contenido del main_view con el inventario 
        main_view.content = view_inventario 
        main_view.update()
        
    def view_libroDiario(e):
        view_libroDiario = Container(
            Text(
                'Libro Diario Page'
            ),
            width= page_width,
            height=page_height
        )
        
        main_view.content = view_libroDiario 
        main_view.update()

    def view_libroMayor(e):
        view_libroMayor = Container(
            Text(
                'Libro Mayor Page'
            ),
            width= page_width,
            height=page_height
        )
        
        main_view.content = view_libroMayor 
        main_view.update()

    def view_nomina(e):
        view_nomina = Container(
            Text(
                'Nómina Page'
            ),
            width= page_width,
            height=page_height
        )
        
        main_view.content = view_nomina
        main_view.update()

    def view_balanceDePrueba(e):
        view_balanceDePrueba = Container(
            Text(
                'Balance de Prueba Page'
            ),
            width= page_width,
            height=page_height
        )
        
        main_view.content = view_balanceDePrueba
        main_view.update()

    def view_balanceGeneral(e):
        view_balanceGeneral = Container(
            Text(
                'Balance General Page'
            ),
            width= page_width,
            height=page_height
        )
        
        main_view.content = view_balanceGeneral 
        main_view.update()

    def view_balanceInicial(e):
        view_balanceInicial = Container(
            Text(
                'Balance Inicial Page'
            ),
            width= page_width,
            height=page_height
        )
        
        main_view.content = view_balanceInicial 
        main_view.update()

    def view_materialDidactico(e):
        view_materialDidactico = Container(
            Text(
                'Material Didáctico Page'
            ),
            width= page_width,
            height=page_height
        )
        
        main_view.content = view_materialDidactico 
        main_view.update()

    def view_configuracion(e):
        view_configuracion = Container(
            Text(
                'Configuración Page'
            ),
            width= page_width,
            height=page_height,
        )
        
        main_view.content = view_configuracion 
        main_view.update()

    def view_salir(e):
        view_salir = Container(
            Text(
                'Salir Page'
            ),
            width= page_width,
            height=page_height,
        )
        
        main_view.content = view_salir 
        main_view.update()
    
    view_home = Container(
        #Todas las herramientas de view Home
        Container(
            Column(
                alignment=MainAxisAlignment.CENTER,
                spacing=10,
                controls=[
                    Container(
                        #Graficas
                        Row(
                            vertical_alignment=CrossAxisAlignment.CENTER,
                            controls=[
                                #Grafico Total Activo
                                Container(
                                    width=190,
                                    height=240,
                                    bgcolor='green',
                                    margin=margin.only(right=52)
                                ),
                                #Actividad de la Empresa
                                Container(
                                    width=667,
                                    height=304,
                                    bgcolor='yellow'
                                )
                            ]
                        ),
                        
                    ),
                    #Vista del libro diario en Home
                    Container(
                        blur=Blur(10,12, BlurTileMode.MIRROR),
                        border_radius=10,
                        border=border.all(1, '#9747FF, 0.5'),
                        width=919,
                        expand=True
                    )
                ]
            ),
            padding=padding.only(left=100, top=50, right=100, bottom=50)
        ),
    )
    
    main_view = AnimatedSwitcher(
        view_home,
        transition=AnimatedSwitcherTransition.SCALE,
        duration=100,
        reverse_duration=100,
    )
    
    dashboard = Container(
        Stack([
            Image(
                src='./images/fondoDashboard.png'
            ),
            Container(
                Container(
                    Row(
                        spacing=0,
                        controls=[
                            #Columna de la ToolBar
                            Column(
                                alignment=MainAxisAlignment.SPACE_AROUND,
                                controls=[
                                    #ToolBar
                                    Container(
                                        Column(
                                            controls=[
                                                #Logo Y Text 'Herramientas'
                                                Container(
                                                    Column(
                                                        spacing=16,
                                                        controls=[
                                                            Container(
                                                                Image(
                                                                    src='./images/logoEduConter.png',
                                                                    width=223,
                                                                    height=186
                                                                ),
                                                                alignment=alignment.center,
                                                                on_click=view_homeDef,
                                                                tooltip='EduConter - Inicio',
                                                            ),
                                                            Container(
                                                                Text(
                                                                    'HERRAMIENTAS',
                                                                    color='#9B80B7',
                                                                    font_family='Inter',
                                                                    size=22,
                                                                    weight='bold'
                                                                ),
                                                                alignment=alignment.center
                                                            )
                                                        ]
                                                    )
                                                ),
                                                #Heramientas
                                                Container(
                                                    Column(
                                                        controls=[
                                                            Tool('INVENTARIO', icons.INVENTORY_ROUNDED, view_inventario),
                                                            Tool('LIBRO DIARIO', icons.BOOK_OUTLINED, view_libroDiario),
                                                            Tool('LIBRO MAYOR', icons.AUTO_STORIES_OUTLINED, view_libroMayor),
                                                            Tool('NÓMINA', icons.ACCOUNT_CIRCLE_OUTLINED, view_nomina),
                                                            Tool('BALANCE DE PRUEBA', icons.RULE_FOLDER_OUTLINED, view_balanceDePrueba),
                                                            Tool('BALANCE GENERAL', icons.SPACE_DASHBOARD_OUTLINED, view_balanceGeneral),
                                                            Tool('BALANCE INICIAL', icons.FOLDER_SPECIAL_OUTLINED, view_balanceInicial),
                                                            Tool('MATERIAL DIDÁCTICO', icons.NOTE_ALT_OUTLINED, view_materialDidactico),
                                                            Tool('CONFIGURACIÓN', icons.SETTINGS_OUTLINED, view_configuracion),
                                                            Tool('SALIR', icons.LOGOUT, view_salir)
                                                        ]
                                                    ),
                                                )
                                            ]
                                        ),
                                        width=265,
                                        height=page_height,
                                        gradient=LinearGradient(
                                            colors=['#DDA0DD, 0.30', '#DFCAE1, 0.5', '#C0A0C3'],
                                            begin=alignment.top_center,
                                            end=alignment.bottom_center
                                        ),
                                        alignment=alignment.center
                                    )
                                ]
                            ),
                            #Columna de el contenido del inicio del dashboard
                            Column(
                                
                                controls=[
                                    Container(
                                        #El siguiente es para dar animaciones a todas las vistas por eso all view con AnimatedSwitcher
                                        main_view,
                                        
                                        width=page_width,
                                        height=page_height,
                                        
                                    )
                                ]
                            )
                        ]
                    ),
                    
                )
            )
        ])
    )
    
    page.add(dashboard)
    page.update()
    
    

flet.app(target=main)

Error message

No response

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.

[gbrandt]

That is a wall of code. Can you make a smaller example? If it happens only in this code, and not in a small sample, try to find the differences.