From 8643dc02dd121113ed14f6ee05e9a2d253f8d856 Mon Sep 17 00:00:00 2001
From: June <khazoda@gmail.com>
Date: Sun, 3 Nov 2024 09:29:44 +0000
Subject: [PATCH] Consistent alignment for 'project settings page confirmation'
 buttons (#2524)

* buttons in .button-group now aligned to flex start

* revert global style change for .button-group

* manual fix for merge

* scoped .button-group styles

* /tags whitespace revert

---------

Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>
---
 apps/frontend/src/pages/[type]/[id]/settings/index.vue | 4 ++++
 apps/frontend/src/pages/[type]/[id]/settings/links.vue | 4 ++++
 apps/frontend/src/pages/[type]/[id]/settings/tags.vue  | 4 ++++
 3 files changed, 12 insertions(+)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 6772eaece..11d38289b 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -445,4 +445,8 @@ svg {
 .small-multiselect {
   max-width: 15rem;
 }
+
+.button-group {
+  justify-content: flex-start;
+}
 </style>
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/links.vue b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
index e4b6c4385..dc250b836 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/links.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
@@ -268,4 +268,8 @@ function checkDifference(newLink, existingLink) {
     height: 40px;
   }
 }
+
+.button-group {
+  justify-content: flex-start;
+}
 </style>
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/tags.vue b/apps/frontend/src/pages/[type]/[id]/settings/tags.vue
index e42144b48..d346a60cc 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/tags.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/tags.vue
@@ -260,6 +260,10 @@ export default defineNuxtComponent({
   }
 }
 
+.button-group {
+  justify-content: flex-start;
+}
+
 .category-list {
   column-count: 4;
   column-gap: var(--spacing-card-lg);