diff --git a/src/assets/stylesheets/EditorPanel.scss b/src/assets/stylesheets/EditorPanel.scss index 9e4240de1..6ed6423b7 100644 --- a/src/assets/stylesheets/EditorPanel.scss +++ b/src/assets/stylesheets/EditorPanel.scss @@ -34,8 +34,8 @@ .cm-content { flex: 1; - padding-block-start: var(--space-0-5); - margin-inline-end: var(--space-0-5); + padding-block-start: var(--space-0-25); + margin-inline-end: 0; } } } diff --git a/src/assets/stylesheets/Project.scss b/src/assets/stylesheets/Project.scss index 01b9b28c3..1b2c8bc93 100644 --- a/src/assets/stylesheets/Project.scss +++ b/src/assets/stylesheets/Project.scss @@ -35,8 +35,8 @@ flex-direction: row; overflow-y: hidden; - gap: $space-1; - margin: $space-1; + gap: $space-0-5; + margin: 0; block-size: 100%; diff --git a/src/assets/stylesheets/ProjectBar.scss b/src/assets/stylesheets/ProjectBar.scss index 16c1e7702..0e76fc417 100644 --- a/src/assets/stylesheets/ProjectBar.scss +++ b/src/assets/stylesheets/ProjectBar.scss @@ -84,8 +84,8 @@ border-radius: $space-0-5; justify-content: center; - margin: $space-0-5; - gap: $space-0-5; + margin: $space-0-25; + gap: $space-0-25; .text { display: none; diff --git a/src/assets/stylesheets/ProjectName.scss b/src/assets/stylesheets/ProjectName.scss index a8873be56..123783a61 100644 --- a/src/assets/stylesheets/ProjectName.scss +++ b/src/assets/stylesheets/ProjectName.scss @@ -17,9 +17,9 @@ .project-name__title { @include font-size-1-25(bold); font-weight: $font-weight-bold; - margin-block: $space-1; + margin-block: $space-0-5; margin-inline-start: $space-0-5; - margin-inline-end: $space-1; + margin-inline-end: $space-0-5; overflow: hidden; text-overflow: ellipsis; text-wrap: nowrap; @@ -45,7 +45,7 @@ } .project-name__button { - margin: $space-0-5; + margin: $space-0-25; inline-size: 48px; block-size: 48px; diff --git a/src/assets/stylesheets/RunBar.scss b/src/assets/stylesheets/RunBar.scss index 2283d6705..13c89d583 100644 --- a/src/assets/stylesheets/RunBar.scss +++ b/src/assets/stylesheets/RunBar.scss @@ -5,7 +5,7 @@ display: flex; flex-direction: row; justify-content: flex-end; - padding: $space-0-5; + padding: $space-0-25; } .--light { diff --git a/src/assets/stylesheets/RunnerControls.scss b/src/assets/stylesheets/RunnerControls.scss index fc6ac06a7..0b79ee253 100644 --- a/src/assets/stylesheets/RunnerControls.scss +++ b/src/assets/stylesheets/RunnerControls.scss @@ -3,5 +3,5 @@ .runner-controls { display: flex; align-items: center; - padding: 0 $space-0-5; + padding: 0 $space-0-25; } diff --git a/src/assets/stylesheets/index.scss b/src/assets/stylesheets/index.scss index 9bb77108e..5ec9e166f 100644 --- a/src/assets/stylesheets/index.scss +++ b/src/assets/stylesheets/index.scss @@ -146,11 +146,11 @@ code { } .project-wrapper { - --project-wrapper-grid-gap: #{$space-0-5}; + --project-wrapper-grid-gap: #{$space-0-25}; } .proj-editor-wrapper { - --project-editor-wrapper-grid-gap: #{$space-1}; + --project-editor-wrapper-grid-gap: #{$space-0-5}; } .project-instructions {