Fix other background-positions

Signed-off-by: Mostafa Ahangarha <ahangarha@riseup.net>

Author: ahangarha

core/css/apps.css

@@ -166,7 +166,6 @@ kbd {
 			width: 100%;
 			padding: 10px;
 			padding-inline-start: 34px;
-			background-position: 10px center;
 			text-align: start;
 			margin: 0;
 		}
@@ -330,7 +329,6 @@ kbd {
 			/* Main entry link */
 			> a {
 				background-size: 16px 16px;
-				background-position: 14px center;
 				background-repeat: no-repeat;
 				display: block;
 				justify-content: space-between;
@@ -671,21 +669,37 @@ kbd {
 	}
 }
 
-/* Floating fix */
+/* Floating and background-position fix */
 /* Cannot use inline-start and :dir to support Samsung Internet */ 
 body[dir='ltr'] {
 	.app-navigation-personal,
 	.app-navigation-administration {
-		> ul > li > ul > li > a > .app-navigation-entry-utils {
-			float: right;
+		.app-navigation-new button {
+			background-position: left 10px center;
+		}
+
+		> ul > li > ul > li > a {
+			background-position: left 14px center;
+
+			> .app-navigation-entry-utils {
+				float: right;
+			}
 		}
 	}
 }
 body[dir='rtl'] {
 	.app-navigation-personal,
 	.app-navigation-administration {
-		> ul > li > ul > li > a > .app-navigation-entry-utils {
-			float: left;
+		.app-navigation-new button {
+			background-position: right 10px center;
+		}
+
+		> ul > li > ul > li > a {
+			background-position: right 14px center;
+
+			> .app-navigation-entry-utils {
+				float: left;
+			}
 		}
 	}
 }
@@ -884,7 +898,6 @@ $min-content-width: variables.$breakpoint-mobile - variables.$navigation-width -
 
 		&::before {
 			background-image: var(--icon-settings-dark);
-			background-position: 14px center;
 			background-repeat: no-repeat;
 			content: '';
 			width: 44px;
@@ -896,11 +909,27 @@ $min-content-width: variables.$breakpoint-mobile - variables.$navigation-width -
 
 		&:focus-visible {
 			box-shadow: 0 0 0 2px inset var(--color-primary-element) !important;
-			background-position: 12px center;
 		}
 	}
 }
 
+/* Background-position fix */
+body[dir='ltr'] #app-settings-header .settings-button {
+	&::before {
+		background-position: left 14px center;
+	}
+	&:focus-visible {
+		background-position: left 12px center;
+	}
+}
+body[dir='rtl'] #app-settings-header .settings-button {
+	&::before {
+		background-position: right 14px center;
+	}
+	&:focus-visible {
+		background-position: right 12px center;
+	}
+}
 /* GENERAL SECTION ------------------------------------------------------------ */
 .section {
 	display: block;