diff --git a/src/aki_prj23_transparenzregister/ui/assets/company_stats.css b/src/aki_prj23_transparenzregister/ui/assets/company_stats.css index 8fe0e66..cc6c24e 100644 --- a/src/aki_prj23_transparenzregister/ui/assets/company_stats.css +++ b/src/aki_prj23_transparenzregister/ui/assets/company_stats.css @@ -25,7 +25,8 @@ border: 1px solid; border-radius: 10px; width: flex; - min-width: 600px; + min-width: 500px; + max-width: 900px; display: inline-block; vertical-align: middle; margin-left: 2%; diff --git a/src/aki_prj23_transparenzregister/ui/assets/tabs.css b/src/aki_prj23_transparenzregister/ui/assets/tabs.css index 86e35ca..df01dd5 100644 --- a/src/aki_prj23_transparenzregister/ui/assets/tabs.css +++ b/src/aki_prj23_transparenzregister/ui/assets/tabs.css @@ -49,3 +49,7 @@ .metrics-graph .metrics-disclaimer { margin: 20px; } + +.dash-filter input { + text-align: center !important; +} diff --git a/src/aki_prj23_transparenzregister/ui/company_elements.py b/src/aki_prj23_transparenzregister/ui/company_elements.py index e35792c..a6d7aa9 100644 --- a/src/aki_prj23_transparenzregister/ui/company_elements.py +++ b/src/aki_prj23_transparenzregister/ui/company_elements.py @@ -145,7 +145,12 @@ def create_company_stats( "rule": "display: none", }, ], - style_cell={"textAlign": "center"}, + style_cell={ + "textAlign": "center", + "fontFamily": "Times", + "paddingLeft": "5px", + "paddingRight": "5px", + }, style_cell_conditional=[ {"if": {"column_id": c}, "fontWeight": "bold"} for c in ["col1", "col3"] @@ -310,6 +315,7 @@ def person_relations_layout(selected_company_id: int, session: Session) -> html: "date_to": "Bis", } ) + .sort_values(by=["Nachname"]) ) return dash_table.DataTable( table.to_dict("records"), @@ -321,8 +327,20 @@ def person_relations_layout(selected_company_id: int, session: Session) -> html: "padding": "20px", "color": COLORS["raisin-black"], }, - style_cell={"textAlign": "center"}, - style_header={"backgroundColor": COLORS["light"], "fontWeight": "bold"}, + style_cell={"textAlign": "center", "fontFamily": "Times", "fontSize": "14px"}, + style_header={ + "backgroundColor": COLORS["raisin-black"], + "fontWeight": "bold", + "color": "white", + "fontSize": "16px", + }, + page_size=15, + sort_action="native", + sort_mode="multi", + column_selectable="single", + filter_action="native", + filter_options={"placeholder_text": "Filter"}, + style_filter={"text-align": "center", "backgroundColor": COLORS["light"]}, )