diff --git a/po/de.po b/po/de.po
index cf8bd3d9..0fa6aa0d 100644
--- a/po/de.po
+++ b/po/de.po
@@ -512,5 +512,11 @@ msgstr ""
 msgid "Subtitle"
 msgstr "Titel"
 
+msgid "Login to like"
+msgstr ""
+
+msgid "Login to boost"
+msgstr ""
+
 #~ msgid "Your password should be at least 8 characters long"
 #~ msgstr "Das Passwort sollte mindestens 8 Zeichen lang sein"
diff --git a/po/en.po b/po/en.po
index 08d76670..5a2718e8 100644
--- a/po/en.po
+++ b/po/en.po
@@ -500,3 +500,9 @@ msgstr ""
 
 msgid "Subtitle"
 msgstr ""
+
+msgid "Login to like"
+msgstr ""
+
+msgid "Login to boost"
+msgstr ""
diff --git a/po/fr.po b/po/fr.po
index b9aeecd7..686c24d4 100644
--- a/po/fr.po
+++ b/po/fr.po
@@ -510,3 +510,9 @@ msgstr ""
 #, fuzzy
 msgid "Subtitle"
 msgstr "Titre"
+
+msgid "Login to like"
+msgstr ""
+
+msgid "Login to boost"
+msgstr ""
diff --git a/po/gl.po b/po/gl.po
index 5c1eafbb..2d4597fd 100644
--- a/po/gl.po
+++ b/po/gl.po
@@ -502,3 +502,9 @@ msgstr ""
 #, fuzzy
 msgid "Subtitle"
 msgstr "Título"
+
+msgid "Login to like"
+msgstr ""
+
+msgid "Login to boost"
+msgstr ""
diff --git a/po/nb.po b/po/nb.po
index 07257571..3e0019d2 100644
--- a/po/nb.po
+++ b/po/nb.po
@@ -516,6 +516,12 @@ msgstr ""
 msgid "Subtitle"
 msgstr "Tittel"
 
+msgid "Login to like"
+msgstr ""
+
+msgid "Login to boost"
+msgstr ""
+
 #~ msgid "One reshare"
 #~ msgid_plural "{{ count }} reshares"
 #~ msgstr[0] "Én deling"
diff --git a/po/pl.po b/po/pl.po
index be9d2790..7955c549 100644
--- a/po/pl.po
+++ b/po/pl.po
@@ -527,6 +527,12 @@ msgstr ""
 msgid "Subtitle"
 msgstr "Tytuł"
 
+msgid "Login to like"
+msgstr ""
+
+msgid "Login to boost"
+msgstr ""
+
 #~ msgid "One reshare"
 #~ msgid_plural "{{ count }} reshares"
 #~ msgstr[0] "Jedno udostępnienie"
diff --git a/po/plume.pot b/po/plume.pot
index 28d6ef68..9c0954b1 100644
--- a/po/plume.pot
+++ b/po/plume.pot
@@ -489,3 +489,9 @@ msgstr ""
 
 msgid "Subtitle"
 msgstr ""
+
+msgid "Login to like"
+msgstr ""
+
+msgid "Login to boost"
+msgstr ""
diff --git a/static/main.css b/static/main.css
index 5aa1c0f4..0e65fa79 100644
--- a/static/main.css
+++ b/static/main.css
@@ -207,8 +207,8 @@ main .article-meta .reshares > p {
 	font-size: 1.5em;
 }
 
-main .article-meta .likes button,
-main .article-meta .reshares button {
+main .article-meta .likes .action,
+main .article-meta .reshares .action {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -221,12 +221,12 @@ main .article-meta .reshares button {
 }
 
 main .article-meta .likes > p,
-main .article-meta .likes button:hover { color: #E92F2F; }
+main .article-meta .likes .action:hover { color: #E92F2F; }
 main .article-meta .reshares > p,
-main .article-meta .reshares button:hover { color: #7765E3; }
+main .article-meta .reshares .action:hover { color: #7765E3; }
 
-main .article-meta .likes button i,
-main .article-meta .reshares button i {
+main .article-meta .likes .action i,
+main .article-meta .reshares .action i {
 	transition: background 0.1s ease-in;
 	display: flex;
 	align-items: center;
@@ -239,37 +239,37 @@ main .article-meta .reshares button i {
 	border-radius: 50%;
 }
 
-main .article-meta .likes button i {
+main .article-meta .likes .action i {
 	color: #E92F2F;
 	border: solid #E92F2F thin;
 	font-weight: 400;
 }
-main .article-meta .likes button:hover i {
+main .article-meta .likes .action:hover i {
 	background: rgba(233, 47, 47, 0.15);
 }
 
-main .article-meta .reshares button i {
+main .article-meta .reshares .action i {
 	color: #7765E3;
 	border: solid #7765E3 thin;
 	font-weight: 600;
 }
-main .article-meta .reshares button:hover i {
+main .article-meta .reshares .action:hover i {
 	background: rgba(119, 101, 227, 0.15);
 }
 
-main .article-meta .likes button.liked i { background: #E92F2F; }
-main .article-meta .likes button.liked:hover i {
+main .article-meta .likes .action.liked i { background: #E92F2F; }
+main .article-meta .likes .action.liked:hover i {
 	background: rgba(233, 47, 47, 0.25);
 	color: #E92F2F;
 }
-main .article-meta .reshares button.reshared i { background: #7765E3; }
-main .article-meta .reshares button.reshared:hover i {
+main .article-meta .reshares .action.reshared i { background: #7765E3; }
+main .article-meta .reshares .action.reshared:hover i {
 	background: rgba(119, 101, 227, 0.25);
 	color: #7765E3;
 }
 
-main .article-meta .likes button.liked i,
-main .article-meta .reshares button.reshared i {
+main .article-meta .likes .action.liked i,
+main .article-meta .reshares .action.reshared i {
 	color: #F4F4F4;
 	font-weight: 900;
 }
diff --git a/templates/posts/details.html.tera b/templates/posts/details.html.tera
index 39cfdca5..cae86e50 100644
--- a/templates/posts/details.html.tera
+++ b/templates/posts/details.html.tera
@@ -41,23 +41,34 @@
                     <p aria-label="{{ "{{ count }} likes" | _n(singular="One like", count=n_likes) }}" title="{{ "{{ count }} likes" | _n(singular="One like", count=n_likes) }}">{{ n_likes }}</p>
 
                     {% if has_liked %}
-                        <button type="submit" class="liked"><i class="far fa-heart"></i>{{ "I don't like this anymore" | _ }}</button>
+                        <button type="submit" class="action liked"><i class="far fa-heart"></i>{{ "I don't like this anymore" | _ }}</button>
                     {% else %}
-                        <button type="submit"><i class="fa fa-heart"></i>{{ "Add yours" | _ }}</button>
+                        <button type="submit" class="action"><i class="fa fa-heart"></i>{{ "Add yours" | _ }}</button>
                     {% endif %}
                 </form>
                 <form class="reshares" action="{{ article.url }}reshare" method="POST">
                     <p aria-label="{{ "{{ count }} Boosts" | _n(singular="One Boost", count=n_reshares) }}" title="{{ "{{ count }} Boosts" | _n(singular="One Boost", count=n_reshares) }}">{{ n_reshares }}</p>
 
                     {% if has_reshared %}
-                        <button type="submit" class="reshared"><i class="far fa-retweet"></i>{{ "I don't want to boost this anymore" | _ }}</button>
+                        <button type="submit" class="action reshared"><i class="fa fa-retweet"></i>{{ "I don't want to boost this anymore" | _ }}</button>
                     {% else %}
-                        <button type="submit"><i class="fa fa-retweet"></i>{{ "Boost" | _ }}</button>
+                        <button type="submit" class="action"><i class="fa fa-retweet"></i>{{ "Boost" | _ }}</button>
                     {% endif %}
                 </form>
             </div>
         {% else %}
             <p class="center">{{ "Login or use your Fediverse account to interact with this article" | _ }}</p>
+            <div class="actions">
+                <div class="likes">
+                    <p aria-label="{{ "{{ count }} likes" | _n(singular="One like", count=n_likes) }}" title="{{ "{{ count }} likes" | _n(singular="One like", count=n_likes) }}">{{ n_likes }}</p>
+                    <a href="/login?m=Login%20to%20like" type="submit" class="action"><i class="fa fa-heart"></i>{{ "Add yours" | _ }}</a>
+                </div>
+
+                <div class="reshares">
+                    <p aria-label="{{ "{{ count }} Boosts" | _n(singular="One Boost", count=n_reshares) }}" title="{{ "{{ count }} Boosts" | _n(singular="One Boost", count=n_reshares) }}">{{ n_reshares }}</p>
+                    <a href="/login?m=Login%20to%20boost" type="submit" class="action"><i class="fa fa-retweet"></i>{{ "Boost" | _ }}</a>
+                </div>
+            </div>
         {% endif %}
 
         <div class="comments">