From 614eaa51653f3bf2dec303bc94f793fd5163ea8b Mon Sep 17 00:00:00 2001
From: Yuri Zamyatin <yuri@yrz.am>
Date: Sun, 18 Aug 2024 21:18:06 +0000
Subject: [PATCH] shadows, button colors, fix whitespace

---
 assets/css/classic-layout.scss | 1 +
 assets/css/home-layout.scss    | 7 +++++--
 layouts/_default/index.html    | 3 +--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/assets/css/classic-layout.scss b/assets/css/classic-layout.scss
index 398e3ec..e817d59 100644
--- a/assets/css/classic-layout.scss
+++ b/assets/css/classic-layout.scss
@@ -20,6 +20,7 @@
       $bg-accent-color-light 0%,
       $bg-accent-color-dark 100%
     );
+    box-shadow: 0 0 0.25rem rgba(0,0,0,0.5);
     .content {
       & > :last-child {
         margin-bottom: 0 !important;
diff --git a/assets/css/home-layout.scss b/assets/css/home-layout.scss
index d9506c2..4366c2c 100644
--- a/assets/css/home-layout.scss
+++ b/assets/css/home-layout.scss
@@ -10,6 +10,7 @@
         $bg-accent-color-light 0%,
         $bg-accent-color-dark 100%
       );
+      box-shadow: 0 0 0.25rem rgba(0,0,0,0.5);
       padding: $base-margin-y $base-margin-x;
     }
     .bottom-container {
@@ -92,8 +93,8 @@
   .section-item {
     white-space: nowrap;
     text-decoration: none;
+    box-shadow: 0 0 0.25rem rgba(0,0,0,0.5);
     &:hover {
-      color: $fg-color;
       border: 1px solid $fg-accent-color;
     }
     display: block;
@@ -110,8 +111,10 @@
     }
     .label {
       font-size: 1.3rem;
+      font-weight: bold;
+      color: $fg-color-dark;
       vertical-align: middle;
-      margin: 0 0 0 0.5rem;
+      margin: 0 0 0 0.75rem;
     }
   }
 }
diff --git a/layouts/_default/index.html b/layouts/_default/index.html
index 9ee4db2..931765a 100644
--- a/layouts/_default/index.html
+++ b/layouts/_default/index.html
@@ -33,8 +33,7 @@
           <div class="section-list">
             {{- range .Params.sections -}}
               <a href="{{ .link }}" class="section-item">
-                {{ partial "icon.html" .icon }}
-                <span class="label">{{ .name }}</span>
+                {{ partial "icon.html" .icon }}<span class="label">{{ .name }}</span>
               </a>
             {{- end -}}
           </div>