diff --git a/frontend/src/lib/components/layout/Section.svelte b/frontend/src/lib/components/layout/Section.svelte index f9a0f86..b7b5c84 100644 --- a/frontend/src/lib/components/layout/Section.svelte +++ b/frontend/src/lib/components/layout/Section.svelte @@ -44,33 +44,20 @@ opacity: 0.6 margin-right: 0.5ch font-size: 1em - margin-top: 0.225em + margin-top: 0.15em &:empty display: none div.header display: flex - - h2 - font-size: 1.25em - margin: 0 - color: $color-entry10 - - span.sub - color: $color-entry5 - - &.big - margin-top: 1em - font-size: 2em - - &.small - font-size: 1em + line-height: 1.25em div.right color: $color-entry2-transparent margin-left: auto margin-top: auto + margin-bottom: 0 &.noProgress margin-top: -0.25em diff --git a/frontend/src/lib/components/layout/SubSection.svelte b/frontend/src/lib/components/layout/SubSection.svelte index 53da18c..8157fc1 100644 --- a/frontend/src/lib/components/layout/SubSection.svelte +++ b/frontend/src/lib/components/layout/SubSection.svelte @@ -43,6 +43,7 @@ div.sub-section margin: 0.5em 0.4ch padding: 0.33em 0.75ch + padding-bottom: 0.25em background: $color-entry1-transparent border-radius: 0.125em border-bottom-right-radius: 0.5em diff --git a/frontend/src/lib/components/project/ProjectMain.svelte b/frontend/src/lib/components/project/ProjectMain.svelte index 23354bf..ca1717c 100644 --- a/frontend/src/lib/components/project/ProjectMain.svelte +++ b/frontend/src/lib/components/project/ProjectMain.svelte @@ -5,6 +5,7 @@ import Option from "$lib/components/layout/Option.svelte"; import OptionsRow from "$lib/components/layout/OptionsRow.svelte"; import { getProjectContext } from "../contexts/ProjectContext.svelte"; + import Icon from "../layout/Icon.svelte"; import RequirementEntry from "./RequirementSection.svelte"; const {project} = getProjectContext(); @@ -15,9 +16,9 @@ - - - + + + {#each $project.requirements as requirement (requirement.id)} diff --git a/frontend/src/lib/components/project/RequirementSection.svelte b/frontend/src/lib/components/project/RequirementSection.svelte index ea2d1d2..a47ff40 100644 --- a/frontend/src/lib/components/project/RequirementSection.svelte +++ b/frontend/src/lib/components/project/RequirementSection.svelte @@ -9,6 +9,7 @@ import LabeledProgressRow from "../common/LabeledProgressRow.svelte"; import { STATUS_ICONS } from "../common/StatusIcon.svelte"; import ItemEntry from "./ItemSubSection.svelte"; +import Icon from "../layout/Icon.svelte"; export let requirement: Requirement; @@ -18,9 +19,9 @@ - - - + + + {#each requirement.stats as stat (stat.id)}