From 37cf48abfa5458399bd4cb5999bd42bc83a9efe2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98rjan=20Aare=20J=C3=B8rgensen?= Date: Fri, 20 Dec 2024 11:28:55 +0100 Subject: [PATCH] Fix: make slightly more space for the models table --- src/pages/Browse/Browse.styled.tsx | 14 +++++++------- src/pages/Browse/Browse.tsx | 7 +++++-- 2 files changed, 12 insertions(+), 9 deletions(-) diff --git a/src/pages/Browse/Browse.styled.tsx b/src/pages/Browse/Browse.styled.tsx index e6ae564e..bbac7c95 100644 --- a/src/pages/Browse/Browse.styled.tsx +++ b/src/pages/Browse/Browse.styled.tsx @@ -3,16 +3,16 @@ import { spacings } from '../../tokens/spacings'; export const BrowseWrapper = styled.div` column-gap: ${spacings.X_LARGE}; - padding: ${spacings.XXX_LARGE} ${spacings.X_LARGE}; + padding: ${spacings.XXX_LARGE} ${spacings.X_LARGE} ${spacings.X_LARGE}; display: flex; flex-direction: column; - row-gap: ${spacings.X_LARGE}; + row-gap: ${spacings.MEDIUM}; - > .btn-div { - > button { - width: 136px; - margin-right: 50px; - } + .actions { + display: flex; + column-gap: 16px; + align-items: center; + margin-block-start: ${spacings.MEDIUM}; } `; diff --git a/src/pages/Browse/Browse.tsx b/src/pages/Browse/Browse.tsx index 0a6064ae..a44b9b31 100644 --- a/src/pages/Browse/Browse.tsx +++ b/src/pages/Browse/Browse.tsx @@ -33,12 +33,15 @@ export const Browse = () => { return ( <> - Browse all models + + Browse all models + {isOwnerOrAdmin ? ( -
+
+ {/* TODO Add the export button */}
) : ( <>