Fixes #84: Icon overlaps text in mobile menu

This commit is contained in:
squidfunk 2017-01-04 19:47:41 +01:00
parent e3fa0ebd87
commit 0198e5e98e
3 changed files with 5 additions and 2 deletions

View File

@ -36,7 +36,7 @@
{% include "partials/fonts.html" %} {% include "partials/fonts.html" %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-b228671939.css"> <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-b85bf442e8.css">
{% if config.extra.palette %} {% if config.extra.palette %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-0352baa348.palette.css"> <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-0352baa348.palette.css">
{% endif %} {% endif %}

View File

@ -289,7 +289,9 @@
// Rotate icon // Rotate icon
&::after { &::after {
position: absolute; position: absolute;
top: 50%;
right: 1.2rem; right: 1.2rem;
margin-top: -1.2rem;
color: $md-color-black--light; color: $md-color-black--light;
font-size: 2.4rem; font-size: 2.4rem;
} }
@ -375,6 +377,7 @@
// display the table of contents inside the drawer // display the table of contents inside the drawer
html &__link[for="toc"] { html &__link[for="toc"] {
display: block; display: block;
padding-right: 4.8rem;
// Unrotate icon for table of contents // Unrotate icon for table of contents
&::after { &::after {