diff --git a/source/_nav_item.erb b/source/_nav_item.erb
index 712ec53..0dc6376 100644
--- a/source/_nav_item.erb
+++ b/source/_nav_item.erb
@@ -14,7 +14,7 @@
<%= i.data.title %>
<% else %>
- <%= i.data.title %>
+ <%= i.data.title %>
<%= partial :nav_item, :locals => {
:items => children,
:resources => resources
@@ -24,4 +24,4 @@
<% end %>
-<% end %>
\ No newline at end of file
+<% end %>
diff --git a/source/stylesheets/site.css.scss b/source/stylesheets/site.css.scss
index 92a1cec..341f73b 100644
--- a/source/stylesheets/site.css.scss
+++ b/source/stylesheets/site.css.scss
@@ -18,7 +18,7 @@ h1, h2, h3 {
header {
grid-area: head;
margin: 0;
- padding: 20vh 20vw;
+ padding: 10vh 5vw;
background: linear-gradient(0deg, $plumedark, $plume);
color: white;
font-size: 1.5em;
@@ -155,12 +155,31 @@ aside {
& > a, & > details {
display: block;
- padding: 2em;
border-bottom: none;
}
+ & > a, & > details > summary {
+ margin: 2em;
+ }
+
+ & > details > summary {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+ svg {
+ display: block;
+ transition: transform 0.1s ease-in;
+ }
+ }
+
+ & > details[open] > summary svg {
+ transform: rotate(-90deg);
+ }
+
& > a, & > details > summary > a {
opacity: 0.6;
+ padding: 0px;
&:hover {
opacity: 1;
@@ -186,6 +205,10 @@ aside {
padding: 1em;
padding-left: 4em;
}
+
+ details > ul > li > * {
+ padding-left: 1em;
+ }
}
}