use flexbox for thread top bar

this fixes some strange and frustrating interactions

1 files changed, 13 insertions, 1 deletions

diff --git a/apioforum/static/style.css b/apioforum/static/style.css
index 3a7824b..8d0f2e3 100644
--- a/apioforum/static/style.css
+++ b/apioforum/static/style.css
@@ -97,11 +97,23 @@ div.deleted-post {
 }
 
 .thread-top-bar, .user-top-bar {
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+	display: flex;
 	margin-bottom: 4px;
 }
 
+.thread-top-bar-a {
+	flex-basis: fill;
+	flex-wrap: wrap;
+	margin-top: 5px;
+	margin-bottom: 5px;
+}
+
 .thread-top-bar-b {
-	float: right;
+	flex-basis: fill;
+	margin-left: auto;
 	margin-right: -2px;
 }