From 8f1875b5cd1c9df0e6e62e13203da55aab8e2ad3 Mon Sep 17 00:00:00 2001
From: Nicholas <nwittstruck@users.noreply.github.com>
Date: Mon, 25 Mar 2024 16:50:56 +0100
Subject: [PATCH] bug: CSP blocks a style attribute of the lightbuilb component
 #262 (#265)

---
 assets/scss/live/idea_live/_index_component.scss            | 4 ++++
 lib/mindwendel_web/live/idea_live/index_component.html.heex | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/assets/scss/live/idea_live/_index_component.scss b/assets/scss/live/idea_live/_index_component.scss
index 44fe522a..6eb2d19e 100644
--- a/assets/scss/live/idea_live/_index_component.scss
+++ b/assets/scss/live/idea_live/_index_component.scss
@@ -72,4 +72,8 @@
   width: 100px;
   margin: auto;
   display: block;
+}
+
+.lightbulb-large {
+  font-size: 5rem;
 }
\ No newline at end of file
diff --git a/lib/mindwendel_web/live/idea_live/index_component.html.heex b/lib/mindwendel_web/live/idea_live/index_component.html.heex
index 86cbfc65..0046214f 100644
--- a/lib/mindwendel_web/live/idea_live/index_component.html.heex
+++ b/lib/mindwendel_web/live/idea_live/index_component.html.heex
@@ -105,7 +105,7 @@
     <%= if Enum.empty?(@ideas) do %>
       <div class="row mt-4">
         <div class="col-12 text-center">
-          <i class="bi-lightbulb text-secondary" style="font-size: 5rem;"></i>
+          <i class="bi-lightbulb text-secondary lightbulb-large"></i>
           <p><%= gettext("No ideas brainstormed") %></p>
         </div>
       </div>