From 31a7512a0b016ca3890d69ce49e4ca57721445bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Jaenisch?= <andre.jaenisch@posteo.de>
Date: Thu, 22 Feb 2024 13:46:23 +0100
Subject: [PATCH] fix: use logical properties when possible
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This way the design will adapt to the writing direction. If it is not
possible, use the ltr and rtl filter to adjust the design.

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
---
 src/lib/components/templates/ImportProject.svelte |  4 ++--
 src/lib/components/templates/Profile.svelte       | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/templates/ImportProject.svelte b/src/lib/components/templates/ImportProject.svelte
index eb9c212..1def8b0 100644
--- a/src/lib/components/templates/ImportProject.svelte
+++ b/src/lib/components/templates/ImportProject.svelte
@@ -91,10 +91,10 @@
 				</label>
 				<input
 					type="url"
-					class="input ml-8 w-auto"
+					class="input ms-8 w-auto"
 					placeholder={$_('page.import_project.form.fields.repository.placeholder')}
 				/>
-				<div class="flex gap-1 items-center ml-8 text-warning-700">
+				<div class="flex gap-1 items-center ms-8 text-warning-700">
 					<Info16 fill="currentColor" />
 					{$_('page.import_project.form.fields.repository.hint')}
 				</div>
diff --git a/src/lib/components/templates/Profile.svelte b/src/lib/components/templates/Profile.svelte
index 4cea224..912416d 100644
--- a/src/lib/components/templates/Profile.svelte
+++ b/src/lib/components/templates/Profile.svelte
@@ -21,7 +21,7 @@
 		<Avatar avatar={data.user.avatar} displayName={data.user.display_name} />
 	</div>
 	<!-- Board -->
-	<div class="flex flex-1 flex-col pl-8">
+	<div class="flex flex-1 flex-col ps-8">
 		<div class="self-end">
 			<Created
 				created_at={data.user.created_at}
@@ -74,20 +74,20 @@
 				{$_('page.profile.history.heading')}
 			</h2>
 			<ul>
-				<li class="flex flex-col border-l-2 ml-2">
+				<li class="flex flex-col ltr:border-l-2 rtl:border-r-2 ms-2">
 					<!-- Commit day -->
 					<span class="relative">
-						<span class="absolute -left-3">
+						<span class="absolute ltr:-left-3 rtl:-right-3">
 							<NorthStar24 fill="currentColor" />
 						</span>
-						<span class="ml-4">
+						<span class="ms-4">
 							{$date(new Date('2023-04-23'))} - {$_(
 								'page.profile.history.activities.setup.summary'
 							)}
 						</span>
 					</span>
 					<!-- Commits -->
-					<span class="ml-6 mt-8">
+					<span class="ms-6 mt-8">
 						<span class="border box-decoration-clone px-4 py-2 leading-10">
 							{$_('page.profile.history.activities.setup.description', {
 								values: {