1 files changed, 18 insertions, 18 deletions

diff --git a/core/css/styles.scss b/core/css/styles.scss
index ef85a7964d6..90efa9c1990 100644
--- a/core/css/styles.scss
+++ b/core/css/styles.scss
@@ -55,7 +55,7 @@ table {
 }
 
 caption, th, td {
-	text-align: left;
+	text-align: start;
 	font-weight: normal;
 }
 
@@ -130,7 +130,7 @@ body {
 	position: fixed;
 	top: 0;
 	bottom: 0;
-	left: 0;
+	inset-inline-start: 0;
 	height: 100%;
 	width: 100%;
 	z-index: 9000;
@@ -246,13 +246,13 @@ body {
 
 #show, #dbpassword {
 	position: absolute;
-	right: 1em;
+	inset-inline-end: 1em;
 	top: .8em;
 	float: right;
 }
 
 #show + label, #dbpassword + label {
-	right: 21px;
+	inset-inline-end: 21px;
 	top: 15px !important;
 	margin: -14px !important;
 	padding: 14px !important;
@@ -294,19 +294,19 @@ body {
 }
 
 #pass2, input[name='personal-password-clone'] {
-	padding-right: 30px;
+	padding-inline-end: 30px;
 }
 
 .personal-show-container {
 	position: relative;
 	display: inline-block;
-	margin-right: 6px;
+	margin-inline-end: 6px;
 }
 #personal-show + label {
 	display: block;
-	right: 0;
+	inset-inline-end: 0;
 	margin-top: -43px;
-	margin-right: -4px;
+	margin-inline-end: -4px;
 	padding: 22px;
 }
 
@@ -338,13 +338,13 @@ body {
 	}
 	pre {
 		white-space: pre-wrap;
-		text-align: left;
+		text-align: start;
 	}
 }
 
 .error-wide {
 	width: 700px;
-	margin-left: -200px !important;
+	margin-inline-start: -200px !important;
 	.button {
 		color: black !important;
 	}
@@ -566,7 +566,7 @@ code {
 	}
 	/* AM/PM fix */
 	table.ui-timepicker tr .ui-timepicker-hour-cell:first-child {
-		margin-left: 30px;
+		margin-inline-start: 30px;
 	}
 	.ui-timepicker-table {
 		th {
@@ -597,7 +597,7 @@ code {
 			}
 
 			&.ui-timepicker-hours {
-				border-right: 1px solid var(--color-border);
+				border-inline-end: 1px solid var(--color-border);
 			}
 		}
 	}
@@ -648,7 +648,7 @@ span.ui-icon {
 /* ---- TOOLTIPS ---- */
 
 .extra-data {
-	padding-right: 5px !important;
+	padding-inline-end: 5px !important;
 }
 
 /* ---- TAGS ---- */
@@ -703,7 +703,7 @@ li.crumb {
 	background-size: auto 24px;
 	flex: 0 0 auto;
 	order: 1;
-	padding-right: 7px;
+	padding-inline-end: 7px;
 	&.crumbmenu {
 		order: 2;
 		position: relative;
@@ -719,12 +719,12 @@ li.crumb {
 		// Fix because of the display flex
 		.popovermenu {
 			top: 100%;
-			margin-right: 3px;
+			margin-inline-end: 3px;
 			ul {
 				max-height: 345px;
 				overflow-y: auto;
 				overflow-x: hidden;
-				padding-right: 5px;
+				padding-inline-end: 5px;
 				li.canDrop span:first-child {
 					background-image: url('../img/filetypes/folder-drag-accept.svg?v=1') !important;
 				}
@@ -766,10 +766,10 @@ li.crumb {
 	}
 	&:last-child {
 		font-weight: bold;
-		margin-right: 10px;
+		margin-inline-end: 10px;
 		// Allow multiple span next to the main 'a'
 		a ~ span {
-			padding-left: 0;
+			padding-inline-start: 0;
 		}
 	}
 	&:hover, &:focus, a:focus, &:active {