From c4face5f1d4c24525066c37c2ff7a434c1f78fcb Mon Sep 17 00:00:00 2001
From: plebeius <tom@plebbit.com>
Date: Tue, 4 Nov 2025 17:40:37 +0100
Subject: [PATCH] style(disclaimer-modal): improve close button positioning and
 list styling

---
 .../disclaimer-modal.module.css               | 30 ++++++-------------
 .../disclaimer-modal/disclaimer-modal.tsx     |  2 ++
 2 files changed, 11 insertions(+), 21 deletions(-)

diff --git a/src/components/disclaimer-modal/disclaimer-modal.module.css b/src/components/disclaimer-modal/disclaimer-modal.module.css
index 9bcceb60..fe7fb25f 100644
--- a/src/components/disclaimer-modal/disclaimer-modal.module.css
+++ b/src/components/disclaimer-modal/disclaimer-modal.module.css
@@ -43,38 +43,26 @@
 .closeButton {
   all: unset;
   cursor: pointer;
-  color: rgb(255, 255, 255);
-  font-size: 16px;
-  line-height: 16px;
-  width: 18px;
-  height: 18px;
-  text-align: center;
-  user-select: none;
+  width: 16px;
+  height: 16px;
+  margin-top: 4px;
+  margin-right: 4px;
+  position: absolute;
+  top: 0;
+  right: 0;
   background-image: var(--disclaimer-modal-close-button-background-image);
   background-size: 100%;
   background-position: center;
   background-repeat: no-repeat;
 }
 
-.closeButton:hover {
-  opacity: 0.8;
-}
-
 .bd {
   padding: 10px;
 }
 
-.bd p {
-  margin: 0 0 10px 0;
-}
-
-.bd ol {
-  margin: 0;
-  padding-left: 20px;
-}
-
 .bd li {
-  margin-bottom: 10px;
+  list-style-type: decimal;
+  list-style-position: inside;
 }
 
 .bd a {
diff --git a/src/components/disclaimer-modal/disclaimer-modal.tsx b/src/components/disclaimer-modal/disclaimer-modal.tsx
index fe86ee81..d183e380 100644
--- a/src/components/disclaimer-modal/disclaimer-modal.tsx
+++ b/src/components/disclaimer-modal/disclaimer-modal.tsx
@@ -34,11 +34,13 @@ const DisclaimerModal = () => {
               The content on boards may be for mature audiences only and may not be suitable for minors. Boards are created and moderated by individual owners who run
               their own nodes. If you are a minor or it is illegal for you to access mature content, do not proceed.
             </li>
+            <br />
             <li>
               This website is presented to you AS IS, with no warranty, express or implied. By clicking &quot;I Agree,&quot; you agree that 5chan is a decentralized,
               serverless, and adminless platform. The website operator does not create, own, moderate, or control any board content, which is stored peer-to-peer and
               generated by board owners and users.
             </li>
+            <br />
             <li>
               Each board has its own rules set by its owner. You agree to comply with the individual board&apos;s rules, which you can find on each board&apos;s page.
               There are no global rules as 5chan has no central authority.