diff --git a/src/app.py b/src/app.py index 8e93519..e444c95 100644 --- a/src/app.py +++ b/src/app.py @@ -115,16 +115,21 @@ navbar = dbc.Navbar( children=[ dbc.NavItem( children=[ - dcc.Link(html.H1("decp.info"), href="/", className="logo"), - html.P( + html.Div( [ - html.A( - version, - href="https://github.com/ColinMaudry/decp.info/blob/main/CHANGELOG.md", - ) + dcc.Link(html.H1("decp.info"), href="/", className="logo"), + html.P( + [ + html.A( + version, + href="https://github.com/ColinMaudry/decp.info/blob/main/CHANGELOG.md", + ) + ], + className="version", + ), ], - className="version", - ), + className="logo-wrapper", + ) ], style={"minWidth": "230px"}, ), diff --git a/src/assets/css/style.css b/src/assets/css/style.css index e1886f8..26fcff3 100644 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -32,7 +32,8 @@ button { background-color: #fff; border-radius: 3px; appearance: auto; - border: solid var(--primary-color) 1px; /* couleur thème foncée */ + border: solid var(--primary-color) 1px; + /* couleur thème foncée */ } button[disabled] { @@ -75,17 +76,21 @@ button:hover:not([disabled]) { a.logo { color: black; text-decoration: none; - float: left; } a.logo > h1 { font-weight: 400; + margin: 0; + line-height: 1; +} + +.logo-wrapper { + display: flex; + align-items: baseline; } p.version { - float: left; - margin-top: 21px; - margin-left: 12px; + margin: 0 0 0 12px; } p.version > a {