Fix broken icon nav

knadh · Jan 10, 2021 · 3a50589 · 3a50589
1 parent db138cd
commit 3a50589
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -16,11 +16,11 @@ <h1 class="site-title"><a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></h1>
 				{{- range $index, $key := .Site.Params.Social -}}
 					<li><a href="{{ $key.url }}" title="{{ $key.name }}"><i data-feather="{{ $key.icon }}"></i></a></li>
 				{{- end -}}
+		    {{- if or (eq .Site.Params.mode "auto") (eq .Site.Params.mode "dark") -}}
+		    	<li><a href="#" class="scheme-toggle" id="scheme-toggle"></a></li>
+		    {{- end -}}
 			</ul>
 		</nav>
-                {{- if or (eq .Site.Params.mode "auto") (eq .Site.Params.mode "dark") -}}
-                <span class="scheme-toggle"><a href="#" id="scheme-toggle"></a>
-                {{- end -}}
 	</div>
 
 	<nav class="nav">

diff --git a/static/css/main.css b/static/css/main.css
@@ -458,7 +458,7 @@ ul {
     }
     .header .nav li {
         margin: 0 10px 0 0;
-        font-size: 14px;
+        font-size: 0.875em;
     }
 
     table {
@@ -469,3 +469,16 @@ ul {
       width: 100%;
     }
 }
+
+@media (max-width: 400px) {
+    .header .nav.social {
+        min-width: auto;
+        margin: 0;
+    }
+    .header .site-description {
+        font-size: 1em;
+        margin-top: 10px;
+        font-size: 0.875em;
+        line-height: 1.4em;
+    }
+}