From eb0282dbde796f514059b1fefa90964b791e3940 Mon Sep 17 00:00:00 2001
From: Tagaishi <Tagaishi@hotmail.ch>
Date: Fri, 1 Sep 2023 17:05:13 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix=20flex=20for=20bookmark=20in?=
 =?UTF-8?q?=20firefox=20(#1346)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/widgets/bookmark/BookmarkWidgetTile.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/widgets/bookmark/BookmarkWidgetTile.tsx b/src/widgets/bookmark/BookmarkWidgetTile.tsx
index 6969bc18d..c2968a36c 100644
--- a/src/widgets/bookmark/BookmarkWidgetTile.tsx
+++ b/src/widgets/bookmark/BookmarkWidgetTile.tsx
@@ -269,6 +269,7 @@ function BookmarkWidgetTile({ widget }: BookmarkWidgetTileProps) {
               viewport:{
                 //mantine being mantine again... this might break. Needed for taking 100% of widget space
                 '& div[style="min-width: 100%; display: table;"]':{
+                  display: 'flex !important',
                   height:'100%',
                 },
               },
@@ -278,14 +279,16 @@ function BookmarkWidgetTile({ widget }: BookmarkWidgetTileProps) {
               direction={ widget.properties.layout === 'vertical' ? 'column' : 'row' }
               gap="0"
               h="100%"
+              w="100%"
             >
               {widget.properties.items.map((item: BookmarkItem, index) => (
                 <>
-                  <Divider
-                    m="1px"
-                    orientation={ widget.properties.layout !== 'vertical' ? 'vertical' : 'horizontal' } //Mantine doesn't let me refactor this, I tried
-                    hidden={!(index > 0)}
-                  />
+                  {index > 0 &&
+                    <Divider
+                      m="3px"
+                      orientation={ widget.properties.layout !== 'vertical' ? 'vertical' : 'horizontal' }
+                    />
+                  }
                   <Card
                     key={index}
                     px="md"
@@ -297,7 +300,8 @@ function BookmarkWidgetTile({ widget }: BookmarkWidgetTileProps) {
                     bg="transparent"
                     sx={{
                       '&:hover': { backgroundColor: fn.primaryColor().concat('40'),}, //'40' = 25% opacity
-                      flex:'1 1 auto'
+                      flex:'1 1 auto',
+                      overflow: 'unset',
                     }}
                     display="flex"
                   >