From 9e1ae2ce9c9cfe1a8f879ebcde5fc1640bb2e1c8 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 3 Aug 2025 14:56:01 +0200
Subject: [PATCH] chore: remove bulma spacing utiltities

---
 frontend/src/components/tasks/partials/Comments.vue | 2 +-
 frontend/src/styles/global.scss                     | 2 +-
 frontend/src/styles/theme/logical-spacing.scss      | 3 +++
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/tasks/partials/Comments.vue b/frontend/src/components/tasks/partials/Comments.vue
index d3c67d508..e84c190ae 100644
--- a/frontend/src/components/tasks/partials/Comments.vue
+++ b/frontend/src/components/tasks/partials/Comments.vue
@@ -16,7 +16,7 @@
 		<div class="comments">
 			<span
 				v-if="taskCommentService.loading && saving === null && !creating"
-				class="is-flex is-align-items-center my-4 mis-2"
+				class="is-flex is-align-items-center mbs-4 mbe-4 mis-2"
 			>
 				<span class="loader is-inline-block mie-2" />
 				{{ $t('task.comment.loading') }}
diff --git a/frontend/src/styles/global.scss b/frontend/src/styles/global.scss
index 2923e5239..51b36af7c 100644
--- a/frontend/src/styles/global.scss
+++ b/frontend/src/styles/global.scss
@@ -72,7 +72,7 @@
 // @import "bulma-css-variables/sass/helpers/other"; // not used
 // @import "bulma-css-variables/sass/helpers/overflow";
 // @import "bulma-css-variables/sass/helpers/position";
-@import "bulma-css-variables/sass/helpers/spacing";
+// @import "bulma-css-variables/sass/helpers/spacing"; // using logical units instead
 @import "bulma-css-variables/sass/helpers/typography";
 @import "bulma-css-variables/sass/helpers/visibility";
 
diff --git a/frontend/src/styles/theme/logical-spacing.scss b/frontend/src/styles/theme/logical-spacing.scss
index 95d828e70..ce5695f4f 100644
--- a/frontend/src/styles/theme/logical-spacing.scss
+++ b/frontend/src/styles/theme/logical-spacing.scss
@@ -28,6 +28,9 @@ $types: (
     .#{$type}be-#{$name} {
       #{$property}-block-end: #{$val};
     }
+    .#{$type}-#{$name} {
+      #{$property}: #{$val};
+    }
   }
 }