From fadad33d059a5993e6cae5f4e80289773697371a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20H=C3=B8jberg?= <r.hackr@gmail.com>
Date: Wed, 15 Nov 2023 14:39:18 -0500
Subject: [PATCH] Empty state with icon

---
 src/css/ui/components/empty-state.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/css/ui/components/empty-state.css b/src/css/ui/components/empty-state.css
index 37bc1cde..03c29ab6 100644
--- a/src/css/ui/components/empty-state.css
+++ b/src/css/ui/components/empty-state.css
@@ -58,11 +58,19 @@
 }
 
 .empty-state .empty-state_icon-cloud_center-piece_icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: var(--u-color_element_emphasized);
+  position: absolute;
+  box-shadow: 0 0 0 0.25rem var(--u-color_element_emphasized);
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -25%);
   width: 4rem;
   height: 4rem;
   border-radius: 2rem;
-  box-shadow: 0 0 0 0.25rem var(--u-color_element_emphasized);
-  display: flex;
+  font-size: 2rem;
   line-height: 1;
 }