Commit 90584671 authored by Jyothish NT's avatar Jyothish NT
Browse files

spacing adjustments

parent e9cd3cfa
Pipeline #294979 passed with stages
in 5 minutes and 40 seconds
......@@ -23,7 +23,7 @@ $backgroundColor: $black;
grid-template-columns: 178px 902px 1fr;
grid-template-rows: min-content minmax(76px, auto) minmax(0, 1fr);
padding: 60px 20px 0;
padding: 60px $page-left-padding 0;
height: 100%; // may need to change this later
width: 100%;
overflow: auto;
......
......@@ -21,7 +21,7 @@
.content {
position: relative;
padding-top: 36px;
padding-bottom: 120px;
padding-bottom: 90px;
}
.stripedBackground {
......
@import 'src/styles/common';
.browserCogListOuter {
width: 36px;
width: 38px;
right: 0;
top: 23px;
bottom: 16px;
......
......@@ -6,7 +6,7 @@
justify-content: space-between;
align-items: center;
color: $white;
height: 28px;
height: 32px;
padding: 0 30px 0 22px;
background-color: $black;
......@@ -65,4 +65,3 @@
font-size: 13px;
margin-right: 25px;
}
......@@ -5,7 +5,11 @@
justify-content: space-between;
border-bottom: 1px solid $grey;
border-top: 1px solid $grey;
padding: 11px 6px;
// padding: 11px 6px;
padding-left: $page-left-padding;
padding-right: $page-right-padding;
height: 60px;
align-items: center;
@media screen and (max-width: 700px) {
overflow-x: auto;
......@@ -45,6 +49,10 @@
width: 32px;
margin: 0 12px;
&:first-child {
margin-left: 0px;
}
button {
width: 32px;
height: 32px;
......
......@@ -8,7 +8,9 @@
'top top'
'main right';
align-items: center;
padding: 8px 20px;
padding: 8px 0px;
padding-left: $page-left-padding;
padding-right: $page-right-padding;
min-height: 80px;
width: 100%;
......@@ -29,7 +31,7 @@
.appBarMain {
grid-area: main;
margin-left: 2em;
margin-left: $page-left-padding;
max-width: 100%;
align-self: start;
}
......
@import 'src/styles/common';
$sidebarContentWidth: 320px;
$sidebarToolstripWidth: 46px;
$sidebarContentWidth: 340px;
$sidebarToolstripWidth: 50px;
$topbarHeight: 38px;
$drawerWindowWidth: 45px;
......@@ -59,7 +59,7 @@ $drawerWindowWidth: 45px;
position: absolute;
top: 0;
left: 0;
width: calc(100% - 46px);
width: calc(100% - $sidebarToolstripWidth);
height: 100%;
display: flex;
z-index: 5;
......@@ -88,6 +88,7 @@ $drawerWindowWidth: 45px;
width: $sidebarContentWidth;
border-left: 1px solid $grey;
padding: 21px 12px;
padding-right: $page-right-padding;
background-color: white;
overflow: auto;
}
......
......@@ -8,6 +8,7 @@
.linkWrapper {
display: inline-block;
vertical-align: middle;
margin-left: 15px;
}
.speciesContainer {
......
......@@ -16,6 +16,9 @@ $global-radius: 0;
$global-padding-left: 100px;
$global-button-cursor: auto;
$page-left-padding: 30px;
$page-right-padding: 30px;
// Colour Palette
// ---------
$soft-black: #374148;
......@@ -39,7 +42,8 @@ $mustard: #cc9933;
$green: #47d147;
$global-box-shadow: $medium-light-grey;
$form-field-shadow: inset 2px 2px 4px -2px $medium-dark-grey, inset -2px -2px 1px -2px $dark-grey;
$form-field-shadow: inset 2px 2px 4px -2px $medium-dark-grey,
inset -2px -2px 1px -2px $dark-grey;
/* stylelint-disable */
:export {
......@@ -75,4 +79,3 @@ $dark: 900;
// ------------------
$font-family-monospace: 'IBM Plex Mono', 'Liberation Mono', Courier, monospace;
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment