smaller "mark as read" button in mobile view (#5220)

* wip

* fix

2 files changed, 24 insertions, 0 deletions

diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css
index 4d7ec58a3..41c708fc2 100644
--- a/p/themes/base-theme/frss.css
+++ b/p/themes/base-theme/frss.css
@@ -2554,6 +2554,18 @@ html.slider-active {
 		box-shadow: -3px 0 3px var(--frss-box-shadow-color-transparent);
 	}
 
+	#nav_menu_read_all .dropdown-target ~ .dropdown-toggle .icon {
+		display: none;
+	}
+
+	#nav_menu_read_all .dropdown-target ~ .dropdown-toggle::before {
+		content: '✓';
+	}
+
+	#nav_menu_read_all .read_all.btn {
+		display: none;
+	}
+
 	.configure .dropdown-target:target ~ .dropdown-toggle::after {
 		content: none;
 	}
diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css
index acb63a7e8..a5fbee0d9 100644
--- a/p/themes/base-theme/frss.rtl.css
+++ b/p/themes/base-theme/frss.rtl.css
@@ -2554,6 +2554,18 @@ html.slider-active {
 		box-shadow: 3px 0 3px var(--frss-box-shadow-color-transparent);
 	}
 
+	#nav_menu_read_all .dropdown-target ~ .dropdown-toggle .icon {
+		display: none;
+	}
+
+	#nav_menu_read_all .dropdown-target ~ .dropdown-toggle::before {
+		content: '✓';
+	}
+
+	#nav_menu_read_all .read_all.btn {
+		display: none;
+	}
+
 	.configure .dropdown-target:target ~ .dropdown-toggle::after {
 		content: none;
 	}