From 0bd564c2abfb6b87dddfe7a24b5c5a61fcb1d0ac Mon Sep 17 00:00:00 2001
From: Ruben <sneexy@disroot.org>
Date: Mon, 27 Oct 2025 13:26:14 -0500
Subject: [PATCH] push extra options to the right

---
 _includes/layouts/pages/services/list.njk | 12 +++----
 _includes/styles/base/base.css            | 44 ++++++++++++++++-------
 _includes/styles/base/windows.css         |  1 +
 _includes/styles/pages/fediverse.css      |  5 +++
 4 files changed, 43 insertions(+), 19 deletions(-)
 create mode 100644 _includes/styles/pages/fediverse.css

diff --git a/_includes/layouts/pages/services/list.njk b/_includes/layouts/pages/services/list.njk
index 93e080b..c3f3d50 100644
--- a/_includes/layouts/pages/services/list.njk
+++ b/_includes/layouts/pages/services/list.njk
@@ -18,7 +18,7 @@
             <a button href="https://github.com/redlib-org/redlib" aria-label="Source">
                 <icon-tabler brand-git></icon-tabler>
             </a>
-            <a button i2p href="http://synthoclokpnsxa2xloi5skskaltlbjjhpvadqrs7swz2vpqui4a.b32.i2p" aria-label="I2P">
+            <a right button i2p href="http://synthoclokpnsxa2xloi5skskaltlbjjhpvadqrs7swz2vpqui4a.b32.i2p" aria-label="I2P">
                 <icon-tabler vector></icon-tabler>
             </a>
             <a button yggdrasil href="http://reddit.ygg.synth.download" aria-label="Yggdrasil">
@@ -47,7 +47,7 @@
             <a button href="https://codeberg.org/safetwitch/safetwitch" aria-label="Source">
                 <icon-tabler brand-git></icon-tabler>
             </a>
-            <a button i2p href="http://synthj6e6xw3kjn2ipd3cmcvu5oic4znsvnjfisdd775wbp3xbqa.b32.i2p" aria-label="I2P">
+            <a right button i2p href="http://synthj6e6xw3kjn2ipd3cmcvu5oic4znsvnjfisdd775wbp3xbqa.b32.i2p" aria-label="I2P">
                 <icon-tabler vector></icon-tabler>
             </a>
             <a button yggdrasil href="http://twitch.ygg.synth.download" aria-label="Yggdrasil">
@@ -77,7 +77,7 @@
             <a button href="https://codeberg.org/safetwitch/safetwitch" aria-label="Source">
                 <icon-tabler brand-git></icon-tabler>
             </a>
-            <a button i2p href="http://synth5agr6rfgw2ff6vx2qnlcee7o2vryeyubgnbflukmaohdyda.b32.i2p" aria-label="I2P">
+            <a right button i2p href="http://synth5agr6rfgw2ff6vx2qnlcee7o2vryeyubgnbflukmaohdyda.b32.i2p" aria-label="I2P">
                 <icon-tabler vector></icon-tabler>
             </a>
             <a button yggdrasil href="http://searx.ygg.synth.download" aria-label="Yggdrasil">
@@ -110,7 +110,7 @@
             <a button href="https://activitypub.software/TransFem-org/Sharkey" aria-label="Source">
                 <icon-tabler brand-git></icon-tabler>
             </a>
-            <a button i2p href="http://synthn43gye7ymvv7y63ru6lisoephszczlnojqlkz5ltwv66mta.b32.i2p" aria-label="I2P">
+            <a right button i2p href="http://synthn43gye7ymvv7y63ru6lisoephszczlnojqlkz5ltwv66mta.b32.i2p" aria-label="I2P">
                 <icon-tabler vector></icon-tabler>
             </a>
             <a button yggdrasil href="http://booping.ygg.synth.download" aria-label="Yggdrasil">
@@ -143,7 +143,7 @@
             <a button href="https://github.com/synth-download/mastodon" aria-label="Source">
                 <icon-tabler brand-git></icon-tabler>
             </a>
-            <a button i2p href="http://synthn43gye7ymvv7y63ru6lisoephszczlnojqlkz5ltwv66mta.b32.i2p" aria-label="I2P">
+            <a right button i2p href="http://synthn43gye7ymvv7y63ru6lisoephszczlnojqlkz5ltwv66mta.b32.i2p" aria-label="I2P">
                 <icon-tabler vector></icon-tabler>
             </a>
             <a button yggdrasil href="http://merping.ygg.synth.download" aria-label="Yggdrasil">
@@ -177,7 +177,7 @@
                 <a button href="https://iceshrimp.dev/iceshrimp/iceshrimp.net" aria-label="Source">
                 <icon-tabler brand-git></icon-tabler>
             </a>
-            <a button i2p href="http://synthrfmxti7rfwfh4gg6n5qiwbt6x52qudys4hql6eafb6qexoa.b32.i2p" aria-label="I2P">
+            <a right button i2p href="http://synthrfmxti7rfwfh4gg6n5qiwbt6x52qudys4hql6eafb6qexoa.b32.i2p" aria-label="I2P">
                 <icon-tabler vector></icon-tabler>
             </a>
             <a button yggdrasil href="http://beeping.ygg.synth.download" aria-label="Yggdrasil">
diff --git a/_includes/styles/base/base.css b/_includes/styles/base/base.css
index 5d76dae..ec39c8e 100644
--- a/_includes/styles/base/base.css
+++ b/_includes/styles/base/base.css
@@ -94,7 +94,7 @@ h1, h2, h3, h4, h5, h6 {
     color: var(--foreground);
     margin-bottom: .8rem;
     margin-top: 1.5rem;
-    padding-bottom: .2rem;
+    padding-bottom: .4rem;
     transition: .2s;
     
     & a {
@@ -165,6 +165,12 @@ small a {
     font-size: 0.875rem;
 }
 
+/* emoji */
+[emoji] {
+    height: 1.5rem;
+    vertical-align: bottom;
+}
+
 /* lists need some styling */
 ul {
     margin-left: -1.3rem;
@@ -358,6 +364,14 @@ card-container {
                         color: var(--blue);
                     }
                 }
+
+                img {
+                    align-self: center;
+                    border-radius: 10rem;
+                    height: 1.2rem;
+                    vertical-align: middle;
+                    width: auto;
+                }
             }
         }
 
@@ -388,19 +402,7 @@ card-container {
         buttons-container {
             margin-top: auto;
 
-            img {
-                align-self: center;
-                border-radius: 10rem;
-                height: 1.3rem;
-                vertical-align: middle;
-                width: auto;
-            }
-
             a {
-                icon-tabler {
-                    pointer-events: none;
-                }
-
                 &:has(img[src^="https://compliance"]) {
                     align-self: center;
                     font-size: 0;
@@ -693,6 +695,22 @@ buttons-container {
     display: flex;
     flex-flow: row wrap;
     gap: .4rem;
+
+    img {
+        align-self: center;
+        border-radius: 10rem;
+        height: 1.2rem;
+        vertical-align: middle;
+        width: auto;
+    }
+
+    a {
+        icon-tabler { pointer-events: none; }
+    }
+
+    [right] {
+        margin-left: auto;
+    }
 }
 
 [button] {
diff --git a/_includes/styles/base/windows.css b/_includes/styles/base/windows.css
index f173a11..f77bd06 100644
--- a/_includes/styles/base/windows.css
+++ b/_includes/styles/base/windows.css
@@ -83,6 +83,7 @@
         display: block;
         padding: .8rem;
         p:first-child { margin-top: 0; }
+        p:last-child { margin-bottom: 0; }
         h1, h2, h3 { &:first-child { margin-top: 0; } }
     }
 
diff --git a/_includes/styles/pages/fediverse.css b/_includes/styles/pages/fediverse.css
new file mode 100644
index 0000000..3a139d9
--- /dev/null
+++ b/_includes/styles/pages/fediverse.css
@@ -0,0 +1,5 @@
+article#instances {
+    card-container {
+        grid-template-columns: 1fr !important;
+    }
+}
\ No newline at end of file