From c9802c9104c60810af09409c31d17813f61246d1 Mon Sep 17 00:00:00 2001 From: 0neGal Date: Fri, 20 Dec 2024 23:17:47 +0100 Subject: [PATCH 1/3] fixed full width "Other installers" button --- src/components/Installers.astro | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/src/components/Installers.astro b/src/components/Installers.astro index 83f41a2..d70af05 100644 --- a/src/components/Installers.astro +++ b/src/components/Installers.astro @@ -54,13 +54,17 @@ import { installers } from "../data/installers.ts"; } } + details { + display: flex; + } + summary { - margin: 2em 0 0 0; - width: 100%; + margin: 2em auto 0 auto; + width: min-content; user-select: none; } details[open] > summary { - margin: 2em 0; + margin: 2em auto; } summary::after { From 1837088949833b7376180d01e64e1c1d141c7d21 Mon Sep 17 00:00:00 2001 From: 0neGal Date: Sat, 21 Dec 2024 12:02:12 +0100 Subject: [PATCH 2/3] use spaces instead of tabs --- src/components/Installers.astro | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/Installers.astro b/src/components/Installers.astro index d70af05..2d6cbd5 100644 --- a/src/components/Installers.astro +++ b/src/components/Installers.astro @@ -54,13 +54,13 @@ import { installers } from "../data/installers.ts"; } } - details { - display: flex; - } + details { + display: flex; + } summary { margin: 2em auto 0 auto; - width: min-content; + width: min-content; user-select: none; } details[open] > summary { From d7e9bbe9ed2ccb7f1f5de1d23f5cd19301fec33a Mon Sep 17 00:00:00 2001 From: 0neGal Date: Sat, 28 Dec 2024 18:16:29 +0100 Subject: [PATCH 3/3] full width "Other installers" button when small --- src/components/Installers.astro | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/components/Installers.astro b/src/components/Installers.astro index 2d6cbd5..51351d8 100644 --- a/src/components/Installers.astro +++ b/src/components/Installers.astro @@ -56,6 +56,8 @@ import { installers } from "../data/installers.ts"; details { display: flex; + margin: 0 auto; + max-width: 90%; } summary { @@ -63,6 +65,13 @@ import { installers } from "../data/installers.ts"; width: min-content; user-select: none; } + + @media screen and (max-width: 797px) { + summary { + width: 100%; + } + } + details[open] > summary { margin: 2em auto; }