From 43e11178db006f4c38f99c765ca660500636fa51 Mon Sep 17 00:00:00 2001
From: Thelonius Kort <tnt@users.noreply.github.com>
Date: Thu, 8 Jun 2023 16:33:03 +0200
Subject: [PATCH] Fix darkmode-widget cover buttons

---
 lib/outlook_web/components/dark_mode_component.ex   | 2 +-
 lib/outlook_web/components/layouts/public.html.heex | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/outlook_web/components/dark_mode_component.ex b/lib/outlook_web/components/dark_mode_component.ex
index f2160b6..ae48afc 100644
--- a/lib/outlook_web/components/dark_mode_component.ex
+++ b/lib/outlook_web/components/dark_mode_component.ex
@@ -9,7 +9,7 @@ defmodule OutlookWeb.DarkModeComponent do
 
   def dark_mode_widget(assigns) do
     ~H"""
-    <div id="dark-mode-widget" class="absolute flex w-full justify-between p-0" phx-hook="dark_mode_widget">
+    <div id="dark-mode-widget" class="relative flex w-full justify-between p-0" phx-hook="dark_mode_widget">
       <div class="flex"></div>
       <div class="flex">
         <button class="p-2" type="button">
diff --git a/lib/outlook_web/components/layouts/public.html.heex b/lib/outlook_web/components/layouts/public.html.heex
index 15644e5..9e79b2d 100644
--- a/lib/outlook_web/components/layouts/public.html.heex
+++ b/lib/outlook_web/components/layouts/public.html.heex
@@ -8,7 +8,7 @@
   </a>
   <.dark_mode_widget />
 </header>
-<main class="px-2 py-4 sm:px-6 lg:px-8">
+<main class="px-2 sm:px-6 lg:px-8">
   <div class="mx-auto max-w-xl">
     <.flash kind={:info} title="Success!" flash={@flash} />
     <.flash kind={:error} title="Error!" flash={@flash} />