From 6dcd5957c9074d0df009c14277f70f87391b7995 Mon Sep 17 00:00:00 2001
From: theBreadCompany <thebreadcompany@icloud.com>
Date: Wed, 7 May 2025 09:57:06 +0200
Subject: [PATCH] css margin fixes

---
 index.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/index.css b/index.css
index a0a3f13..aab59a3 100644
--- a/index.css
+++ b/index.css
@@ -104,15 +104,17 @@ ul.h-list {
 }
 .h-list li {
   display: inline;
-  margin-right: 0.5em;
   whitespace: no-wrap;
 }
 .h-list.pilled li {
+  display: inline-block;
   padding: 0.5em 1em;
   background-color: var(--primary);
   border-radius: 20px;
   color: var(--background);
+  margin-top: 1em;
 }
+.h-list.pilled:last-child { margin-top: unset; }
 
 .product {
   background-color: var(--secondary);
@@ -124,7 +126,9 @@ ul.h-list {
   background-color: unset;
   border: 3px dashed var(--secondary);
 }
-.product:not([placeholder="true"]):hover {
+.product:not([placeholder="true"]):hover,
+.h-list.pilled li:hover,
+.socials-tile:hover {
   transform: scale(1.05);
   box-shadow: 10px 10px 10em #7a9ee688;
 }
@@ -161,7 +165,7 @@ ul.h-list {
 .socials {
   width: 100%;
   display: grid;
-  grid-template-columns: repeat(2, auto);
+  grid-template-columns: repeat(2, 1fr);
 }
 .socials-tile {
   width: 3em; 
@@ -170,7 +174,6 @@ ul.h-list {
   margin: 1em; 
   background-color: currentColor;
   color: var(--accent);
-  border-radius: 4px;
   mask-size: 100%;
 }
 .socials-tile[variant="git"] { mask-image: url("https://api.iconify.design/mdi:git.svg"); }
@@ -189,6 +192,7 @@ ul.h-list {
   }
   .page { padding: 1em; }
   .h-list { padding-left: unset; }
+  .h-list.pilled li { margin-top: unset; }
   .logo-big {
     width: 25vw;
     margin-right: unset;