From 78bffc5b463d7e75f2dad9acc7f58b37ebabfc29 Mon Sep 17 00:00:00 2001
From: Dominik Polakovics <dominik.polakovics@cloonar.com>
Date: Sat, 14 Dec 2024 02:21:32 +0100
Subject: [PATCH] fix: make social icons in the hero element smaller on mobile

---
 .../ContentElements/hero/assets/frontend.css              | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/base/ContentBlocks/ContentElements/hero/assets/frontend.css b/packages/base/ContentBlocks/ContentElements/hero/assets/frontend.css
index 30486a0..036c05c 100644
--- a/packages/base/ContentBlocks/ContentElements/hero/assets/frontend.css
+++ b/packages/base/ContentBlocks/ContentElements/hero/assets/frontend.css
@@ -7,7 +7,6 @@
   background: url('../../../Images/background.jpg') repeat;
 }
 
-
 .frame-type-cloonar_hero + .frame {
     margin-top: -10rem;
 }
@@ -59,17 +58,17 @@
   display: flex;
   gap: 0.5rem;
   margin-bottom: 1rem;
-
 }
 
+/* Smaller icons on mobile */
 .frame-type-cloonar_hero .social-icon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background: var(--bs-primary);
   color: var(--bs-yellow);
-  font-size: 1.5rem;
-  padding: 2.375rem;
+  font-size: 1rem;
+  padding: 1rem;
   text-decoration: none;
   border-radius: 50%;
   transition: background 0.3s;
@@ -115,6 +114,7 @@
     width: 2.5rem;
     height: 2rem;
     font-size: 2rem;
+    padding: 2.375rem;
   }
 
   .frame-type-cloonar_hero .hero-image {