Fix styling issues caused by omorphia/tailwind (#1319)

2024-07-24 12:40:36 -07:00
parent 5cad3dfbae
commit 41c15f8c96
4 changed files with 11 additions and 1 deletions
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -413,6 +413,12 @@ const deleteIcon = async () => {
 .visibility-info {
  padding: 0;
  list-style: none;
+
+  li {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-card-xs);
+  }
 }

 svg {
--- a/apps/frontend/src/pages/[type]/[id]/settings/tags.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/tags.vue
@@ -250,6 +250,9 @@ export default defineNuxtComponent({
 </script>
 <style lang="scss" scoped>
 .label__title {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-card-xs);
  margin-top: var(--spacing-card-bg);

  svg {