style: fix the position of teal icons

insightsengineering · Aug 13, 2024 · 85e554e · 85e554e
1 parent 380c109
commit 85e554e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/R/module_teal.R b/R/module_teal.R
@@ -108,7 +108,7 @@ ui_teal <- function(id,
     ),
     tags$div(
       id = ns("options_buttons"),
-      style = "margin-left: auto;",
+      style = "position: absolute; right: 10px;",
       bookmark_panel_ui,
       tags$button(
         class = "btn action-button filter_hamburger", # see sidebar.css for style filter_hamburger

diff --git a/inst/css/custom.css b/inst/css/custom.css
@@ -52,6 +52,7 @@
 .nav {
   display: flex;
   flex-wrap: wrap;
+  width: calc(100% - 160px);
 }
 
 header {
@@ -66,7 +67,7 @@ footer {
 }
 
 #teal_secondary_col .well {
-  margin: 0  0 15px 0;
+  margin: 0 0 15px 0;
 }
 
 #shiny-modal:has(> .modal-dialog > .modal-content > #landingpopup) {