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

* wip

* fix

p/themes/Origine/origine.css

@@ -1157,6 +1157,11 @@ a:hover .icon {
 		margin-bottom: 3rem;
 	}
 
+	#nav_menu_read_all .btn {
+		border-left: 1px solid var(--border-color-shadow-side);
+		border-radius: 3px;
+	}
+
 	#overlay {
 		background-color: var(--background-color-light);
 	}

p/themes/Origine/origine.rtl.css

@@ -1157,6 +1157,11 @@ a:hover .icon {
 		margin-bottom: 3rem;
 	}
 
+	#nav_menu_read_all .btn {
+		border-right: 1px solid var(--border-color-shadow-side);
+		border-radius: 3px;
+	}
+
 	#overlay {
 		background-color: var(--background-color-light);
 	}

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;
 	}

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;
 	}