From 79bb258ba61a2b8e5e169d2e9a7ef134a2e35b9c Mon Sep 17 00:00:00 2001
From: Eliseu Amaro <mail@eliseuama.ro>
Date: Tue, 8 Feb 2022 17:14:28 +0000
Subject: [PATCH] [CSS] Further dialing of sizes and media queries for a better
 mobile UX

---
 public/assets/default_theme/base.css        |  4 ++++
 public/assets/default_theme/pages/feeds.css | 12 ++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/public/assets/default_theme/base.css b/public/assets/default_theme/base.css
index aea6fcdd40..0b87e2ff9c 100644
--- a/public/assets/default_theme/base.css
+++ b/public/assets/default_theme/base.css
@@ -148,6 +148,10 @@ hr {
     overflow: auto;
 }
 
+@media only screen and (max-width: 512px) {
+    html {font-size: 75%;} /*12px*/
+}
+
 @media only screen and (max-width: 1280px) {
     .page-header {
         width: 100%;
diff --git a/public/assets/default_theme/pages/feeds.css b/public/assets/default_theme/pages/feeds.css
index 4bfa7301d9..ae79a2c9a4 100644
--- a/public/assets/default_theme/pages/feeds.css
+++ b/public/assets/default_theme/pages/feeds.css
@@ -409,4 +409,16 @@ embed header {
     .note-sidebar .avatar {
         min-width: var(--xl) !important;
     }
+
+    .note-replies .note-replies {
+        margin-left: 0.33em;
+    }
+
+    .note-replies-indicator {
+        content: '\201C';
+        font-size: 1em;
+        opacity: 0.66;
+        margin-right: 0.33em;
+        float: left;
+    }
 }