Design: about page link

gumgood · Sep 17, 2023 · ea9e808 · ea9e808
1 parent 4b17531
commit ea9e808
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/_includes/navigation.html b/_includes/navigation.html
@@ -11,7 +11,10 @@
             </a>
         </div>
         <div class="site-title">
-            <a href="/" class="site-title">{{ site.title }}</a>
+            <a href="/about" class="site-title">
+                <span>{{ site.title }}</span>
+                {% include octicons/chevron-right.html %}
+            </a>
         </div>
         <div class=" site-subtitle">
             {{ site.description }}
@@ -80,9 +83,6 @@
         <a href="mailto:{{ site.author.email }}" aria-label="email">
             {% include octicons/mail.html %}
         </a>
-        <a href="/about" aria-label="about">
-            {% include octicons/info.html %}
-        </a>
         <a href="{{ 'feed.xml' | absolute_url }}" aria-label="rss" target="_blank" rel="noopener noreferrer">
             {% include octicons/rss.html %}
         </a>

diff --git a/_sass/include/_navigation.scss b/_sass/include/_navigation.scss
@@ -38,7 +38,7 @@ nav {
 
     #profile-wrapper {
         margin: 0 1rem;
-        padding: 0.75rem;
+        padding: 1rem 0.75rem;
 
         border: 1px solid rgb(208, 215, 222);
         border-radius: 0.75rem;
@@ -72,9 +72,16 @@ nav {
 
         a {
             color: rgba(117, 117, 117, .9);
+            fill: rgba(117, 117, 117, .9);
 
             &:hover {
                 color: var(--sidebar-active-color);
+                fill: var(--sidebar-active-color);
+            }
+
+            svg {
+                margin-left: -0.25rem;
+                vertical-align: bottom;
             }
         }
     }
@@ -87,7 +94,7 @@ nav {
 
 
     ul#profile-detail  {
-        margin: 1rem 0 0.25rem;
+        margin: 1rem 0 0;
         padding: 0;
 
         list-style-type: none;
@@ -113,7 +120,7 @@ nav {
         list-style-type: none;
 
         width: 100%;
-        margin: 1.5rem 0 0.5rem;
+        margin: 1.5rem 0 5rem;
         padding: 0;
 
         li.nav-item {
@@ -194,7 +201,7 @@ nav {
         flex-wrap: wrap;
 
         width: auto;
-        margin: 1.5rem 1.75rem;
+        margin: auto 1.75rem 1.5rem;
         padding-top: 1.5rem;
 
         border-top: 1px solid rgba(187,187,187,0.9);