diff --git a/ui.R b/ui.R index 410f883..1038269 100644 --- a/ui.R +++ b/ui.R @@ -3,7 +3,16 @@ source("global.R") ui <- function() { page_fillable( h1("Polizeiliche Kriminalstatistik Hamburg", - style = "color: #003064; background: linear-gradient(180deg, #dae5ed 0%, #cbd9e4 100%); padding: 20px 0px 20px 20px; background-clip: padding-box; font-weight: 400; box-shadow: 0 4px 12px rgba(0,0,0,0.08), 0 -4px 12px rgba(0,0,0,0.08); border-radius: 8px;", #text-align: center + style = " + color: #003064; + background: linear-gradient(180deg, #dae5ed 0%, #cbd9e4 100%); + padding: 20px 0px 20px 20px; + font-weight: 400; + box-shadow: 0 4px 8px rgba(0,0,0,0.2); + border-radius: 0 0 12px 12px; + margin-left: 20px; + margin-right: 20px; + ", class = "display-4" ), tags$head( @@ -34,6 +43,7 @@ ui <- function() { .nav.nav-tabs.card-header-tabs { display: flex; gap: 20px; + margin: 0 0 -8px 0; } .nav-item, .nav-item:focus { background: var(--bs-card-color); @@ -64,7 +74,7 @@ ui <- function() { outline: none; border-right: none; padding-bottom: 20px; - padding-right: 10px; + padding-right: 0; } .sidebar-content.bslib-gap-spacing { height: 100%; @@ -81,7 +91,7 @@ ui <- function() { border-12px solid white; background: #fff; box-shadow: 4px 4px 8px rgba(0,0,0,0.4); - margin-left: 10px; + margin-left: 20px; top: 0 !important; left: 0 !important; } @@ -93,7 +103,8 @@ ui <- function() { outline: none; padding-top: 0; padding-bottom: 20px; - padding-left: 10px; + padding-left: 20px; + padding-right: 20px; } .bslib-grid-item.bslib-gap-spacing.html-fill-container { background: #fff;