style categories padding

src/app/vault/vault.component.html

@@ -13,6 +13,7 @@
     -->
     <div id="categories">
         <div class="content">
+            <div class="inner-content">
                 <ul>
                     <li><a href="#"><i class="fa fa-fw fa-spinner"></i> All Items</a></li>
                     <li><a href="#"><i class="fa fa-fw fa-star"></i> Favorites</a></li>
@@ -38,6 +39,7 @@
                 </ul>
             </div>
         </div>
+    </div>
     <div id="items">
         <div class="header header-search">
             <div class="search">
@@ -64,6 +66,9 @@
                 </div>
             </div>
         </div>
+        <div class="footer">
+            Add Item
+        </div>
     </div>
     <div id="details">
         <div class="content">

src/scss/styles.scss

@@ -109,7 +109,10 @@ a {
         min-width: 175px;
         max-width: 250px;
         border-right: 1px solid $border-color-dark;
+
+        .inner-content {
             padding: 10px 15px;
+        }
 
         h2 {
             font-size: $font-size-base;
@@ -124,6 +127,7 @@ a {
             li {
                 margin: 0;
                 padding: 0;
+                list-style: none;
 
                 a {
                     display: block;