From 8f6fa029dedc5406a1088e404dd0bdd42ad41181 Mon Sep 17 00:00:00 2001
From: Leon Mika <lmika@lmika.org>
Date: Sat, 16 Mar 2024 10:14:08 +1100
Subject: [PATCH] More adjustment of styling

---
 layouts/partials/sidebar-items/links.html |  2 +-
 static/sidebar.css                        | 34 ++++++++++++-----------
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/layouts/partials/sidebar-items/links.html b/layouts/partials/sidebar-items/links.html
index 1129e46..34c0cbe 100644
--- a/layouts/partials/sidebar-items/links.html
+++ b/layouts/partials/sidebar-items/links.html
@@ -4,7 +4,7 @@
     </header>
     <ul class="blogroll">
         {{ range .links }}
-            <li><a href="{{ .url }}">{{ .name }}: <span>{{ (urls.Parse .url).Hostname }}</span></a></li>
+            <li><a href="{{ .url }}">{{ .name }}</a></li>
         {{ end }}
     </ul>
 </div>
\ No newline at end of file
diff --git a/static/sidebar.css b/static/sidebar.css
index 12f4b93..34842ea 100644
--- a/static/sidebar.css
+++ b/static/sidebar.css
@@ -20,6 +20,13 @@ div.sidebar {
     margin-block: 1px;
 }
 
+@media (max-width: 775px) {
+    div.sidebar {
+        display: none;
+    }
+}
+
+
 div.sidebar-item {
   border-block-start: solid thin var(--accent1);
   padding-block-start: 20px;
@@ -31,51 +38,46 @@ div.sidebar-item:first-of-type {
   padding-block-start: 0;
 }
 
-
-@media (max-width: 775px) {
-    div.sidebar {
-        display: none;
-    }
-}
-
-div.sidebar header {
+div.sidebar-item header {
     margin-bottom: 0;
 }
 
-div.sidebar header h1 {
+div.sidebar-item header h1 {
     font-size: 1.0em;
     color: var(--accent1);
 }
 
-ul.blogroll {
+div.sidebar-item ul.blogroll,
+div.sidebar-item ul.links {
   padding-inline: 0;
   line-height: 1.8;
 }
 
-ul.blogroll li {  
+div.sidebar-item ul.blogroll li,
+div.sidebar-item ul.links li {  
   list-style-type: none !important;
 }
 
-ul.blogroll li a {
+div.sidebar-item ul.blogroll li a {
   text-decoration: none;
   color: var(--text);
 }
 
-ul.blogroll li a span {
+div.sidebar-item ul.blogroll li a span {
   color: var(--accent2);
 }
 
-div.blogroll-footer-links {
+div.sidebar-item div.blogroll-footer-links {
   line-height: 1.3em;
   display: flex;
 }
 
-div.blogroll-footer-links a {
+div.sidebar-item div.blogroll-footer-links a {
   margin-inline: 6px;
   box-sizing: border-box;
   text-decoration: none;
 }
 
-div.blogroll-footer-links a:first-of-type {
+div.sidebar-item div.blogroll-footer-links a:first-of-type {
   margin-inline-start: 0;
 }
\ No newline at end of file