diff --git a/mlex_utils/dash_utils/components_bootstrap/job_manager.py b/mlex_utils/dash_utils/components_bootstrap/job_manager.py index f0d9dc5..9455ab9 100644 --- a/mlex_utils/dash_utils/components_bootstrap/job_manager.py +++ b/mlex_utils/dash_utils/components_bootstrap/job_manager.py @@ -231,14 +231,24 @@ def __init__( dbc.Button( DashIconify( icon="mdi:settings", - style={"padding": "0px"}, + width=20, + style={"display": "block"}, ), id=self.ids.advanced_options_modal_train( aio_id ), color="secondary", - style={"height": "36px", "line-height": "1"}, + size="sm", + className="rounded-circle", + style={ + "aspectRatio": "1 / 1", + "paddingLeft": "3px", + "paddingRight": "3px", + "paddingTop": "3px", + "paddingBottom": "3px", + }, ), + className="d-flex justify-content-center align-items-center", width=2, ), ], @@ -277,14 +287,27 @@ def __init__( ), dbc.Col( dbc.Button( - DashIconify(icon="mdi:settings"), + DashIconify( + icon="mdi:settings", + width=20, + style={"display": "block"}, + ), id=self.ids.advanced_options_modal_inference( aio_id ), color="secondary", - style={"height": "36px", "line-height": "1"}, + size="sm", + className="rounded-circle", + style={ + "aspectRatio": "1 / 1", + "paddingLeft": "3px", + "paddingRight": "3px", + "paddingTop": "3px", + "paddingBottom": "3px", + }, ), - width=1, + className="d-flex justify-content-center align-items-center", + width=2, ), ], className="g-1", diff --git a/mlex_utils/dash_utils/components_bootstrap/job_manager_minimal.py b/mlex_utils/dash_utils/components_bootstrap/job_manager_minimal.py index b215beb..fd0f63d 100644 --- a/mlex_utils/dash_utils/components_bootstrap/job_manager_minimal.py +++ b/mlex_utils/dash_utils/components_bootstrap/job_manager_minimal.py @@ -174,13 +174,22 @@ def __init__( dbc.Button( DashIconify( icon="mdi:settings", - style={"padding": "0px"}, + width=20, + style={"display": "block"}, ), id=self.ids.advanced_options_modal_run(aio_id), color="secondary", - style={"height": "36px", "line-height": "1"}, + size="sm", + className="rounded-circle", + style={ + "aspectRatio": "1 / 1", + "paddingLeft": "3px", + "paddingRight": "3px", + "paddingTop": "3px", + "paddingBottom": "3px", + }, ), - width=2, + className="d-flex justify-content-center align-items-center", ), ], className="g-1",