diff --git a/react-common/styles/theming/base-theme.less b/react-common/styles/theming/base-theme.less index b56e3974634c..0e6f0d5ed4e8 100644 --- a/react-common/styles/theming/base-theme.less +++ b/react-common/styles/theming/base-theme.less @@ -67,7 +67,7 @@ --pxt-neutral-alpha50: rgba(0, 0, 0, 0.5); --pxt-neutral-alpha80: rgba(0, 0, 0, 0.8); - --pxt-link: #3977B4; + --pxt-link: #3671AB; --pxt-link-hover: #204467; --pxt-focus-border: #0078D4; diff --git a/skillmap/src/App.css b/skillmap/src/App.css index 88be7f83838d..b9d11bb96e46 100644 --- a/skillmap/src/App.css +++ b/skillmap/src/App.css @@ -92,12 +92,14 @@ code { font-size: 1.5rem; user-select: none; display: flex; + align-items: center; + height: 100%; } -.header .brand:before { +.header .header-logo:after { position: relative; height: 1.5rem; - border-left: 2px solid var(--pxt-header-foreground); + border-right: 2px solid var(--pxt-header-foreground); content: " "; } @@ -107,11 +109,15 @@ code { color: var(--pxt-header-background); } -.ui.item.logo .name { +.ui.item.logo span.name { margin-left: 1rem; margin-bottom: 1px; } +.ui.item.logo button.name,button.name-short { + margin-left: 0 !important; +} + .header-logo img { height: 1.4rem; margin: 0 1rem; diff --git a/skillmap/src/components/ActivityActions.tsx b/skillmap/src/components/ActivityActions.tsx index 2aeb9c1461fc..a98e2d951c0d 100644 --- a/skillmap/src/components/ActivityActions.tsx +++ b/skillmap/src/components/ActivityActions.tsx @@ -98,18 +98,11 @@ export class ActivityActionsImpl extends React.Component { if (status === "locked") return
const showSignIn = pxt.auth.hasIdentity() && !signedIn; - let numberOfActions = 1; - if (activityStarted) numberOfActions += 2; - if (completedHeaderId) numberOfActions += 1; - if (showSignIn) numberOfActions += 1; - // Apply "grid" class when there are four actions (for a completed activity) return