Fix: make slightly more space for the models table

equinor · Dec 20, 2024 · 37cf48a · 37cf48a
1 parent 3ee7b8d
commit 37cf48a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git 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
@@ -33,12 +33,15 @@ export const Browse = () => {
   return (
     <>
       <Styled.BrowseWrapper>
-        <Typography variant="h1">Browse all models</Typography>
+        <Typography variant="h3" as="h1">
+          Browse all models
+        </Typography>
         {isOwnerOrAdmin ? (
-          <div className="btn-div">
+          <div className="actions">
             <Button disabled={!isOwnerOrAdmin} onClick={navigateAddModel}>
               Add new model
             </Button>
+            {/* TODO Add the export button */}
           </div>
         ) : (
           <></>