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)}