From 5cd256c4856cf72d539a4f26453a5f0e58ed3383 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 3 Aug 2025 13:00:20 +0200
Subject: [PATCH] feat: replace border-bottom with logical properties

---
 frontend/src/components/misc/ApiConfig.vue   | 2 +-
 frontend/src/components/misc/Card.vue        | 2 +-
 frontend/src/components/tasks/GanttChart.vue | 2 +-
 frontend/src/styles/theme/flatpickr.scss     | 2 +-
 frontend/src/views/tasks/TaskDetailView.vue  | 2 +-
 frontend/src/views/teams/ListTeams.vue       | 4 ++--
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/misc/ApiConfig.vue b/frontend/src/components/misc/ApiConfig.vue
index 82a5cef27..d6833c8f8 100644
--- a/frontend/src/components/misc/ApiConfig.vue
+++ b/frontend/src/components/misc/ApiConfig.vue
@@ -136,7 +136,7 @@ async function setApiUrl() {
 }
 
 .url {
-	border-bottom: 1px dashed var(--primary);
+	border-inline-end: 1px dashed var(--primary);
 }
 
 .api-config__change-button {
diff --git a/frontend/src/components/misc/Card.vue b/frontend/src/components/misc/Card.vue
index 14a217a59..ccd19faa1 100644
--- a/frontend/src/components/misc/Card.vue
+++ b/frontend/src/components/misc/Card.vue
@@ -82,7 +82,7 @@ defineEmits<{
 
 .card-header {
 	box-shadow: none;
-	border-bottom: 1px solid var(--card-border-color);
+	border-inline-end: 1px solid var(--card-border-color);
 	border-radius: $radius $radius 0 0;
 }
 
diff --git a/frontend/src/components/tasks/GanttChart.vue b/frontend/src/components/tasks/GanttChart.vue
index 3dcd812ee..5e418f273 100644
--- a/frontend/src/components/tasks/GanttChart.vue
+++ b/frontend/src/components/tasks/GanttChart.vue
@@ -263,7 +263,7 @@ const dateIsToday = computed(() => (date: Date) => {
 }
 
 .g-gantt-row > .g-gantt-row-bars-container {
-	border-bottom: none !important;
+	border-inline-end: none !important;
 	border-block-start: none !important;
 }
 
diff --git a/frontend/src/styles/theme/flatpickr.scss b/frontend/src/styles/theme/flatpickr.scss
index bd655a195..c5810e1e9 100644
--- a/frontend/src/styles/theme/flatpickr.scss
+++ b/frontend/src/styles/theme/flatpickr.scss
@@ -59,7 +59,7 @@
 }
 
 .numInputWrapper span.arrowUp:after {
-  border-bottom: 4px solid var(--grey-200) !important;
+  border-inline-end: 4px solid var(--grey-200) !important;
 }
 
 .numInputWrapper span.arrowDown:after {
diff --git a/frontend/src/views/tasks/TaskDetailView.vue b/frontend/src/views/tasks/TaskDetailView.vue
index 44c49d67b..e46cdf7e3 100644
--- a/frontend/src/views/tasks/TaskDetailView.vue
+++ b/frontend/src/views/tasks/TaskDetailView.vue
@@ -1128,7 +1128,7 @@ h3 .button {
 	margin-block-end: 0;
 
 	table tr:last-child td {
-		border-bottom: none;
+		border-inline-end: none;
 	}
 }
 
diff --git a/frontend/src/views/teams/ListTeams.vue b/frontend/src/views/teams/ListTeams.vue
index 058816f3c..e4b1ee8b5 100644
--- a/frontend/src/views/teams/ListTeams.vue
+++ b/frontend/src/views/teams/ListTeams.vue
@@ -65,7 +65,7 @@ ul.teams {
   li {
     list-style: none;
     margin: 0;
-    border-bottom: 1px solid var(--grey-200);
+    border-inline-end: 1px solid var(--grey-200);
 
     a {
       color: var(--text);
@@ -80,7 +80,7 @@ ul.teams {
   }
 
   li:last-child {
-    border-bottom: none;
+    border-inline-end: none;
   }
 }
 </style>