From 8a8d79796e2a2f0520959615452c0dfc9b2d5583 Mon Sep 17 00:00:00 2001
From: rimu <3310831+rimu@users.noreply.github.com>
Date: Fri, 16 Aug 2024 14:02:01 +1200
Subject: [PATCH] refactor home page based on #293 - css tweaks

---
 app/static/styles.css               | 9 +++++++++
 app/static/styles.scss              | 7 +++++++
 app/templates/_view_filter_nav.html | 2 +-
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/app/static/styles.css b/app/static/styles.css
index 21467830..a2d78cb1 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -743,6 +743,15 @@ div.navbar {
   left: 122px;
 }
 
+@media (min-width: 768px) {
+  .view_filter {
+    float: right;
+  }
+}
+
+.post_list {
+  clear: both;
+}
 .post_list .post_teaser {
   border-bottom: solid 2px #ddd;
   padding-top: 8px;
diff --git a/app/static/styles.scss b/app/static/styles.scss
index 37666af9..3a0958ab 100644
--- a/app/static/styles.scss
+++ b/app/static/styles.scss
@@ -328,7 +328,14 @@ div.navbar {
   }
 }
 
+.view_filter {
+  @include breakpoint(phablet) {
+    float: right;
+  }
+}
+
 .post_list {
+  clear: both;
   .post_teaser {
 
     border-bottom: solid 2px $light-grey;
diff --git a/app/templates/_view_filter_nav.html b/app/templates/_view_filter_nav.html
index 73dc6dd6..03879d1d 100644
--- a/app/templates/_view_filter_nav.html
+++ b/app/templates/_view_filter_nav.html
@@ -1,4 +1,4 @@
-<div class="btn-group mt-1 mb-2" style="float: right;" aria-label="{{ _('Post filters: ') }}">
+<div class="view_filter btn-group mt-1 mb-2" aria-label="{{ _('Post filters: ') }}">
     {% if not current_user.is_anonymous %}
         <a href="/home/{{ sort }}/subscribed" class="btn {{ 'btn-primary' if view_filter == 'subscribed' else 'btn-outline-secondary' }}" rel="nofollow noindex" title="{{ _('Posts from joined communities') }}">
             {{ _('Subscribed') }}