title: How to reduce height of input fields in Shiny?
body: <p>I have multiple input fields in my shinyApp (fileInput, numericInput, textInput), and I would like to customize their height, as well as the character size.
  I have tried with <code>div()</code>, but I could only change the gap between two fields. In this case setting <code>div(style="height: 60px;",numericInput("rat","RATIO", value = 0,step=0.01 , width = '40%'))</code> would only decrease the distance between the numeric input field and the slider. </p>
  
  <p>Here is an example code:</p>
  
  <pre><code>sidebar &lt;- dashboardSidebar(
    sidebarMenu(
      div(style="height: 70px;",fileInput('uploadfile',"Select result file(s)", multiple=TRUE,accep=".txt")),
      div(style="height: 60px;",numericInput("rat","RATIO", value = 0,step=0.01 , width = '40%')),
      div(style="height: 60px;",sliderInput("ratio",NULL, min= 0, max= 1, value = 0)),
      textInput("mytext","Enter name",value='', width = '50%')
    )
  )
  
  ui&lt;-dashboardPage(
    dashboardHeader(title = "Analysis"),
    sidebar,
    body &lt;- dashboardBody()
  )
  
  server&lt;-shinyServer(function(input, output, session){})
  shinyApp(ui = ui, server = server)
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/IVW2m.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IVW2m.jpg" alt=""></a></p>
  
  <p>I have never done any html, so I am not sure what should I look for exactly.</p>