From 06a15afd67b5d4418b687c21621bdf90654f1d05 Mon Sep 17 00:00:00 2001
From: Joris
Date: Fri, 26 Jan 2024 10:34:54 +0100
Subject: Show bullets for ul

---
 public/main.css | 38 +++++++++++++++++++++++++-------------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/public/main.css b/public/main.css
index 37f63ab..a0f498e 100644
--- a/public/main.css
+++ b/public/main.css
@@ -70,34 +70,46 @@ a:hover {
 
 ul, ol {
   padding-left: var(--size-cat);
-  list-style-type: none;
   margin: var(--size-cat) 0 var(--size-dog);
+  list-style-type: none;
 }
 
-ol {
-  counter-reset: ol;
+ul > li,
+ol > li {
+  padding: var(--size-mouse) 0;
   position: relative;
 }
 
-ol > li, ul > li {
-  padding: var(--size-mouse) 0;
+ul > li::before,
+ol > li::before {
+  position: absolute;
+  left: 0;
+  color: var(--color-brown);
+}
+
+ul > li {
+  display: flex;
+  align-items: center;
+  padding-left: var(--size-dog);
+}
+
+ul > li:before {
+  content: '\2022';
+}
+
+ol {
+  counter-reset: ol;
+  position: relative;
 }
 
 ol > li {
   padding-left: var(--size-horse);
-  position: relative;
-  text-align: justify;
   transition: color 0.1s ease-in;
 }
 
 ol > li::before {
-  display: inline;
-  position: absolute;
-  top: var(--size-mouse);
-  left: 0;
   counter-increment: ol;
   content: counter(ol) ".";
-  color: var(--color-brown);
   font-weight: bold;
   transition: color 0.1s ease-in;
 }
@@ -122,5 +134,5 @@ input {
   padding: var(--size-bee);
   text-align: center;
   width: var(--size-rhino);
-  margin-right: var(--size-bee);
+  margin-right: var(--size-mouse);
 }
-- 
cgit v1.2.3