Estoy tratando de formatear la barra de navegación de mi aplicación brillante donde la altura de los títulos de las pestañas es la misma que la de los cuatro logotipos a la derecha y la imagen a la izquierda. Idealmente, la imagen de la izquierda sería más alta o de la misma altura que las cuatro pestañas. Se adjunta una imagen de cómo se ve actualmente la barra de navegación . El enlace a la aplicación también se copia aquí: https://marzanoresearch.shinyapps.io/dashboard_version3/?_ga=2.91842330.1263681469.1654457055-750961707.1634592294

Aquí está mi fragmento de código para la parte superior de mi interfaz de usuario donde configuré la barra de navegación:

 ui <- tagList( includeCSS("www/styles.css"), tags$head(tags$script(type="text/javascript", src = "code_2.js")), navbarPage( selected = shiny::HTML("<span style = 'color: #a1a75f'>Introduction</span></p>"), title = div( img(src='imi-pono-title-graphic_blank_no_year.png', style="margin-top:10px; padding-right:10px;padding-bottom:25px", height = 80)), windowTitle = "'Imi Pono Hawaiʻi Wellbeing Survey", # setBackgroundColor( # color = c("#F7FBFF", "#2171B5"), # gradient = "linear", # direction = "bottom" # ), tabPanel(shiny::HTML("<span style = 'color: #a1a75f'>Introduction</span></p>"), includeHTML("About.html") ),

Los cuatro logotipos a la derecha se representan en una imagen a través de un archivo javascript en mi carpeta www. Mi archivo CSS tiene el siguiente código:

 .container-fluid { padding-bottom: 25px; padding-top: 25px; } img { margin-top: 10px !important; }

¿Cuál sería la mejor manera de bajar la altura de los títulos de las pestañas para que sean iguales a las imágenes en ambos lados?

Gracias.