ActivityPub instances federate with other instances by exchanging data with them over the network.
Exchanged data includes things like accounts, statuses, likes, boosts, and media attachments.
diff --git a/web/source/css/base/main.css b/web/source/css/base/main.css
index 904ed473e..aa054e505 100644
--- a/web/source/css/base/main.css
+++ b/web/source/css/base/main.css
@@ -43,6 +43,17 @@ a {
close it with a bottom margin.
*/
main {
+ display: flex;
+ flex-direction: column;
+ gap: 2rem;
+ padding: 0;
+
+ h1, h2, h3, h4, h5 {
+ & ~ p {
+ margin-top: 0;
+ }
+ }
+
p:first-child, ol:first-child, ul:first-child {
margin-top: 0;
}
diff --git a/web/source/css/layout/page.css b/web/source/css/layout/page.css
index 43022e3f4..c751ba31b 100644
--- a/web/source/css/layout/page.css
+++ b/web/source/css/layout/page.css
@@ -17,6 +17,7 @@
justify-content: center;
padding: 1.5rem;
gap: 1rem;
+ margin: 0.5rem 0;
a {
display: flex;
diff --git a/web/source/css/layout/sectioned.css b/web/source/css/layout/sectioned.css
index 4fa50a282..88be20a5e 100644
--- a/web/source/css/layout/sectioned.css
+++ b/web/source/css/layout/sectioned.css
@@ -1,32 +1,14 @@
main.sectioned {
- display: flex;
- flex-direction: column;
- gap: 2rem;
- padding: 0;
-
- background: initial;
- box-shadow: initial;
- border: initial;
- border-radius: initial;
-
section {
padding: 1.5rem;
background: $bg-accent;
box-shadow: $boxshadow;
border: $boxshadow-border;
border-radius: $br;
+ }
- h1, h2, h3, h4, h5 {
- margin-top: 0;
- margin-bottom: 0.75rem;
-
- & ~ p {
- margin-top: 0;
- }
- }
-
- p {
- /* margin: 0.5rem 0; */
- }
+ h1, h2, h3, h4, h5 {
+ margin-top: 0;
+ margin-bottom: 0.75rem;
}
}
\ No newline at end of file
diff --git a/web/source/css/layout/single-page.css b/web/source/css/layout/single-page.css
new file mode 100644
index 000000000..db4b7a1f1
--- /dev/null
+++ b/web/source/css/layout/single-page.css
@@ -0,0 +1,14 @@
+main.single-page {
+ gap: 2rem;
+
+ padding: 1.5rem;
+
+ background: $bg-accent;
+ box-shadow: $boxshadow;
+ border: $boxshadow-border;
+ border-radius: $br;
+
+ h2:first-child {
+ margin-top: 0;
+ }
+}
\ No newline at end of file