I'm looking for a way to adjust the margins on the elements within my Navbar-Collapse (I've included a picture below). I'm just needing the left side of the search field and select box to line up with the Navbar-Brand. Below is the HTML for the navbar as well as my attempted solution. Thanks in advance for any advice!
-J

```
<nav class="navbar fixed-top navbar-dark bg-dark">
    <div class="container">
        <a class="navbar-brand" href="#">Airforce Inventory Information Database</a>
        <!--<button class="navbar-toggler float-right" type="button" data-toggle="collapse" data-target="#navbar9">-->
        <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbar9" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
            <span class="icon-bar top-bar"></span>
            <span class="icon-bar middle-bar"></span>
            <span class="icon-bar bottom-bar"></span>
            <span class="sr-only">Toggle navigation</span>
        </button>

        <!--<div class="navbar-collapse collapse" id="navbar9">-->
        <div class="collapse navbar-collapse" id="navbar9">
            <ul class="navbar-nav ml-auto">
                <form class="form-inline" data-toggle="#octopart" action="http://octopart.com/search" style="padding-top: 10px;">
                    <input class="form-control mr-sm-2" type="search" name="q" placeholder="Search Octopart ..." name="search" style="width: 45%;"> 
                    <button class="btn btn-outline-success my-2 my-sm-0" data_target="#octopart" type="submit"><i class="fa fa-search"></i></button>
                </form>
                <div class="input-group mb-3"  data-toggle="#parts" style="width: 35%; padding-top: 5px; padding-bottom: 10px;">
                    <div class="input-group-prepend">
                        <label class="input-group-text" for="inputGroupSelect01">Devices</label>
                    </div>
                    <select class="custom-select" id="menu">
                        <option value='capacitors'>Capacitors</option>
                        <option value='inductors'>Inductors</option>
                        <option value='resistors'>Resistors</option>
                        <option value='miscellaneous'>Miscellaneous</option>
                    </select>
                </div>    
            </ul>
        </div>
    </div>     
</nav> 

```

**Attempt:** 

```
.navbar > .collapse > .form-inline, .input-group {
    margin-right: -12.5%;
}

```

**Picture:**
[![enter image description here](https://i.stack.imgur.com/x540K.png)](https://i.stack.imgur.com/x540K.png)