From 015162cff8512b561854fd67c431203bcaf3ee52 Mon Sep 17 00:00:00 2001
From: esikkala <esko.ikkala@aalto.fi>
Date: Thu, 29 Aug 2019 14:39:30 +0300
Subject: [PATCH] Adjus perspective header padding and size
---
.../components/perspectives/PerspectiveHeader.js | 1 +
src/client/containers/SemanticPortal.js | 16 ++++++++--------
2 files changed, 9 insertions(+), 8 deletions(-)
diff --git a/src/client/components/perspectives/PerspectiveHeader.js b/src/client/components/perspectives/PerspectiveHeader.js
index 48afd431..b99efce4 100644
--- a/src/client/components/perspectives/PerspectiveHeader.js
+++ b/src/client/components/perspectives/PerspectiveHeader.js
@@ -13,6 +13,7 @@ const styles = theme => ({
root: {
position: 'absolute',
marginTop: 64,
+ paddingTop: theme.spacing(1),
paddingLeft: theme.spacing(1.5),
paddingRight: theme.spacing(1.5),
backgroundColor: '#bdbdbd',
diff --git a/src/client/containers/SemanticPortal.js b/src/client/containers/SemanticPortal.js
index d9d7a15c..e5c8201c 100644
--- a/src/client/containers/SemanticPortal.js
+++ b/src/client/containers/SemanticPortal.js
@@ -78,12 +78,12 @@ const styles = theme => ({
backgroundColor: '#bdbdbd',
padding: theme.spacing(1),
[theme.breakpoints.down('sm')]: {
- marginTop: 56 + 200,
- height: 'calc(100% - 56px - 200px)',
+ marginTop: 56 + 212,
+ height: 'calc(100% - 56px - 212px)',
},
[theme.breakpoints.up('sm')]: {
- marginTop: 64 + 200,
- height: 'calc(100% - 64px - 200px)',
+ marginTop: 64 + 212,
+ height: 'calc(100% - 64px - 212px)',
},
},
perspectiveHeaderContainer: {
@@ -91,12 +91,12 @@ const styles = theme => ({
backgroundColor: '#bdbdbd',
padding: theme.spacing(1),
[theme.breakpoints.down('sm')]: {
- marginTop: 56 + 73,
- height: 'calc(100% - 56px - 73px)',
+ marginTop: 56 + 81,
+ height: 'calc(100% - 56px - 81px)',
},
[theme.breakpoints.up('sm')]: {
- marginTop: 64 + 73,
- height: 'calc(100% - 64px - 73px)',
+ marginTop: 64 + 81,
+ height: 'calc(100% - 64px - 81px)',
},
},
// main container is divided into two columns:
--
GitLab