Fix/ul default styles (#190)

* fix position of autocomplete menu

* fix margin of navigation

- will not be removed by normalize in project

* use theme colors in autocomplete menu

- again problem with project colors

* add margin for navigation

Co-authored-by: DusanTuzinsky <dusan.tuzinsky@gmail.com>

packages/styleguide/src/components/Navigation/index.js

@@ -121,6 +121,7 @@ const StyledNav = styled.nav`
   font-family: ${props => props.theme.fontFamily};
   font-size: ${props => rem(props.theme.fontSizes.base)};
   line-height: ${props => props.theme.lineHeights.base};
+  margin-top: ${props => rem(props.theme.spaces.default)};
 `;
 
 const StyledNavList = styled.ul`
@@ -133,6 +134,7 @@ const StyledNavList = styled.ul`
   font-weight: 700;
   transition: max-height 0.1s cubic-bezier(0, 1, 0.01, 0.98) 0s,
     padding 0.25s cubic-bezier(0, 1, 0.01, 0.98) 0s;
+  margin: 0;
 `;
 
 const ListItem = styled.li`

packages/styleguide/src/components/Search/Search.js

@@ -150,7 +150,8 @@ const StyledAutocompleteWrapper = styled.div`
   }
 
   .autocomplete__option--focused {
-    background: #eee;
+    color: ${props => props.theme.colors.black};
+    background: ${props => props.theme.colors.grey};
   }
 
   .autocomplete__menu {
@@ -168,7 +169,8 @@ const StyledAutocompleteWrapper = styled.div`
       max-height: calc(8.25 * 52px);
       overflow: auto;
       left: 50%;
-      transform: translate(-50%, -17px);
+      transform: translate(-50%, 0);
+      margin: 0;
     }
   }