how to increase padding margin between rshiny dashboard sidebar menuitems

[nehau]

I am new to Rshiny Dashbaord creation and want to increase the padding/margin between the icon and the tabname as appearing in the sidebar menu of my Rshiny dashboard. How can this be done?
Please provide help.

[williaml]

Hi, you could probably do it by adding some CSS to it.

Shiny - Using custom CSS in your app

A reproducible example would be useful.

FAQ: How to do a minimal reproducible example ( reprex ) for beginners

A minimal reproducible example consists of the following items: A minimal dataset, necessary to reproduce the issue The minimal runnable code necessary to reproduce the issue, which can be run on the given dataset, and including the necessary information on the used packages. Let's quickly go over each one of these with examples: Minimal Dataset (Sample Data) You need to provide a data frame that is small enough to be (reasonably) pasted on a post, but big enough to reproduce your issue. Let's say, as an example, that you are working with the iris data frame head(iris) #> Sepal.Length Sepal.Width Petal.Length Petal.Width Species #> 1 5.1 3.5 1.4 0.…

[nehau]

thanks for the reply but I am not sure if I understood it. I am using the following css code and want to add more space as marked by the arrow in snapshot:

/* Sidebar */
.skin-blue .main-sidebar {
background-color: #d3bf96;
font-size: 15px;
}

/* Sidebar other items */
.skin-blue .main-sidebar .sidebar a{
color: #000000;
}

/* Sidebar when active/hover */
.skin-blue .main-sidebar .sidebar .sidebar-menu a:hover ,
.skin-blue .main-sidebar .sidebar .sidebar-menu .active a{
background-color: #000000;
color: #ffffff;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
display: block;
border-color: transparent;
}

[williaml]

It is hard to tell without actually playing around with the app. It looks like you have a decent grasp on CSS.