adjust nav-item-name text-position

This commit is contained in:
Felix Niklas 2015-10-05 16:59:53 +02:00
parent 825c71cf31
commit ed1de38ce7
2 changed files with 6 additions and 2 deletions

View file

@ -24,7 +24,7 @@
<li class="<%= item.class %> <% if @active_tab[item.target] : %>active<% end %>"> <li class="<%= item.class %> <% if @active_tab[item.target] : %>active<% end %>">
<a class="horizontal center" href="<%= item.target %>"> <a class="horizontal center" href="<%= item.target %>">
<%- @Icon(item.class, 'nav-icon') %> <%- @Icon(item.class, 'nav-icon') %>
<span class="nav-item-name flex"> <span class="nav-item-name">
<%- @T(item.name) %> <%- @T(item.name) %>
</span> </span>
</a> </a>

View file

@ -2202,12 +2202,16 @@ footer {
.main-navigation .nav-icon { .main-navigation .nav-icon {
margin-right: 15px; margin-right: 15px;
vertical-align: bottom;
width: 24px; width: 24px;
height: 24px; height: 24px;
fill: hsl(206,7%,37%); fill: hsl(206,7%,37%);
} }
.main-navigation .nav-item-name {
flex: 1;
margin-top: 2px;
}
.main-navigation .dropdown-icon { .main-navigation .dropdown-icon {
fill: hsl(206,7%,37%); fill: hsl(206,7%,37%);
} }