diff --git a/Packages/design/styles/variables.styl b/Packages/design/styles/variables.styl index 68c0ac05d..1c57db906 100644 --- a/Packages/design/styles/variables.styl +++ b/Packages/design/styles/variables.styl @@ -17,8 +17,8 @@ $errorColor = #E29E4A $menuBackgroundColor = #F2F2F2 // Sizes -$topBarHeight = 30px -$toolbarHeight = 50px +$topBarHeight = 40px +$toolbarHeight = 78px // Thicknesses $uiBorderThickness = 1px diff --git a/Packages/lesiontracker/client/components/lesionTracker/lesionTracker.html b/Packages/lesiontracker/client/components/lesionTracker/lesionTracker.html index 4a851fd23..33b8c0ffa 100644 --- a/Packages/lesiontracker/client/components/lesionTracker/lesionTracker.html +++ b/Packages/lesiontracker/client/components/lesionTracker/lesionTracker.html @@ -1,18 +1,20 @@ \ No newline at end of file + diff --git a/Packages/lesiontracker/client/components/lesionTracker/lesionTracker.styl b/Packages/lesiontracker/client/components/lesionTracker/lesionTracker.styl index 52bcec0ea..a6b2ddec0 100644 --- a/Packages/lesiontracker/client/components/lesionTracker/lesionTracker.styl +++ b/Packages/lesiontracker/client/components/lesionTracker/lesionTracker.styl @@ -9,7 +9,7 @@ $expandedHeight = 160px transition(all 0.5s ease) .brandSection - height: 100% + height: 30px display: inline-block img.logoImage @@ -25,14 +25,13 @@ $expandedHeight = 160px color: $textPrimaryColor .studyListLinkSection - color: $textSecondaryColor border-left: $uiBorderThickness solid $uiBorderColor; - font-weight: 400 - font-size: 13px - line-height: 30px - padding: 0 10px - margin: 0 10px + color: $textSecondaryColor cursor: pointer + font-size: 13px + font-weight: 500 + line-height: 26px + margin-top: 3px &:hover color: $hoverColor @@ -48,6 +47,7 @@ $expandedHeight = 160px height: $expandedHeight .brandSection + height: 100% width: 80% padding-left: 50px line-height: $expandedHeight diff --git a/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.html b/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.html index 78926d588..b18950d48 100644 --- a/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.html +++ b/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.html @@ -1,75 +1,77 @@ diff --git a/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.js b/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.js index 8d45c7b15..bb1888bd3 100644 --- a/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.js +++ b/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.js @@ -68,7 +68,7 @@ Template.toolbarSection.helpers({ buttonData.push({ id: 'bidirectional', title: 'Target', - classes: 'imageViewerTool', + classes: 'imageViewerTool m-l-3', svgLink: '/packages/lesiontracker/assets/icons.svg#icon-tools-measure-target' }); diff --git a/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.styl b/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.styl index 4390c1401..bd17f0cc6 100644 --- a/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.styl +++ b/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.styl @@ -2,16 +2,19 @@ .toolbarSection height: $toolbarHeight + padding-top: 6px width: 100% border-bottom: $uiBorderColor $uiBorderThickness solid + .toolbarSectionTools + margin-left: 41px + .toolbarSectionButton display: inline-block color: $defaultColor fill: $defaultColor stroke: $defaultColor - padding: 0 10px - height: $toolbarHeight + padding: 0 7px min-width: 30px cursor: pointer text-align: center