From 5c6aed1b0e748168ad17952813f20e418407d1c4 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Wed, 6 Jan 2021 19:45:18 -0800
Subject: [PATCH 1/4] Consistent button sizing in status footer

---
 bookwyrm/templates/snippets/status_body.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bookwyrm/templates/snippets/status_body.html b/bookwyrm/templates/snippets/status_body.html
index e2022247..794a53d5 100644
--- a/bookwyrm/templates/snippets/status_body.html
+++ b/bookwyrm/templates/snippets/status_body.html
@@ -58,7 +58,7 @@
             {% if status.user == request.user %}
             <div class="card-footer-item">
                 <label class="button" for="more-info-{{ status.id }}">
-                    <div class="icon icon-dots-three">
+                    <div class="icon icon-dots-three is-small">
                         <span class="is-sr-only">More options</span>
                     </div>
                 </label>

From 02aac76acccc3f2d95b1f45df54cdf53c06ca916 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Wed, 6 Jan 2021 19:52:47 -0800
Subject: [PATCH 2/4] Added some grays to the status box

why am I doing this instead of the thing I meant to do
---
 bookwyrm/templates/snippets/status_body.html    | 4 ++--
 bookwyrm/templates/snippets/status_content.html | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/bookwyrm/templates/snippets/status_body.html b/bookwyrm/templates/snippets/status_body.html
index 794a53d5..fcbab5c1 100644
--- a/bookwyrm/templates/snippets/status_body.html
+++ b/bookwyrm/templates/snippets/status_body.html
@@ -4,7 +4,7 @@
 {% if not status.deleted %}
 <div class="card">
     <header class="card-header">
-        <div class="card-header-title">
+        <div class="card-header-title has-background-white-ter">
             <div class="columns">
                 <div class="column is-narrow">
                     {% include 'snippets/status_header.html' with status=status %}
@@ -18,7 +18,7 @@
     </div>
 
     <footer>
-        <div class="card-footer">
+        <div class="card-footer has-background-white-bis">
             <div class="card-footer-item">
                 {% if request.user.is_authenticated %}
                 <label class="button is-small" for="show-comment-{{ status.id }}">
diff --git a/bookwyrm/templates/snippets/status_content.html b/bookwyrm/templates/snippets/status_content.html
index 49e1ecfa..7fe6902e 100644
--- a/bookwyrm/templates/snippets/status_content.html
+++ b/bookwyrm/templates/snippets/status_content.html
@@ -56,7 +56,7 @@
 
 {% if not hide_book %}
 {% if status.book or status.mention_books.count %}
-<div class="{% if status.status_type != 'GeneratedNote' %}box{% endif %}">
+<div class="{% if status.status_type != 'GeneratedNote' %}box has-background-white-bis{% endif %}">
     {% if status.book %}
     {% include 'snippets/book_preview.html' with book=status.book %}
     {% elif status.mention_books.count %}

From b1d4b759262f58c7e450327e19c9e4d2a8792617 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Wed, 6 Jan 2021 19:56:56 -0800
Subject: [PATCH 3/4] Fixes tail end of shelving pulldown getting hidden

---
 bookwyrm/static/css/format.css               | 5 +++++
 bookwyrm/templates/snippets/status_body.html | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/bookwyrm/static/css/format.css b/bookwyrm/static/css/format.css
index 7dab69b0..c0038491 100644
--- a/bookwyrm/static/css/format.css
+++ b/bookwyrm/static/css/format.css
@@ -5,6 +5,11 @@
 .navbar .logo {
     max-height: 50px;
 }
+
+.card {
+    overflow: visible;
+}
+
 /* --- TOGGLES --- */
 input.toggle-control {
     display: none;
diff --git a/bookwyrm/templates/snippets/status_body.html b/bookwyrm/templates/snippets/status_body.html
index fcbab5c1..bcc92cb3 100644
--- a/bookwyrm/templates/snippets/status_body.html
+++ b/bookwyrm/templates/snippets/status_body.html
@@ -57,8 +57,8 @@
             </div>
             {% if status.user == request.user %}
             <div class="card-footer-item">
-                <label class="button" for="more-info-{{ status.id }}">
-                    <div class="icon icon-dots-three is-small">
+                <label class="button is-small" for="more-info-{{ status.id }}">
+                    <div class="icon icon-dots-three">
                         <span class="is-sr-only">More options</span>
                     </div>
                 </label>

From b5ba97c3850232272155bd13041f0c97cecb408a Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Wed, 6 Jan 2021 20:05:28 -0800
Subject: [PATCH 4/4] uses article element instead of div for statuses

---
 bookwyrm/templates/snippets/status_body.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/bookwyrm/templates/snippets/status_body.html b/bookwyrm/templates/snippets/status_body.html
index bcc92cb3..b6ec030f 100644
--- a/bookwyrm/templates/snippets/status_body.html
+++ b/bookwyrm/templates/snippets/status_body.html
@@ -2,7 +2,7 @@
 {% load humanize %}
 
 {% if not status.deleted %}
-<div class="card">
+<article class="card">
     <header class="card-header">
         <div class="card-header-title has-background-white-ter">
             <div class="columns">
@@ -13,9 +13,9 @@
         </div>
     </header>
 
-    <div class="card-content">
+    <section class="card-content">
         {% include 'snippets/status_content.html' with status=status %}
-    </div>
+    </section>
 
     <footer>
         <div class="card-footer has-background-white-bis">
@@ -95,9 +95,9 @@
         </div>
         {% endif %}
     </footer>
-</div>
+</article>
 {% else %}
-<div class="card">
+<article class="card">
     <header class="card-header">
         <p>
         {% include 'snippets/avatar.html' with user=status.user %}
@@ -105,5 +105,5 @@
         deleted this status
         </p>
     </header>
-</div>
+</article>
 {% endif %}