From 41c15f8c96d14e242419641b05ef198cd19639ad Mon Sep 17 00:00:00 2001
From: Geometrically <18202329+Geometrically@users.noreply.github.com>
Date: Wed, 24 Jul 2024 12:40:36 -0700
Subject: [PATCH] Fix styling issues caused by omorphia/tailwind (#1319)

---
 apps/frontend/src/pages/[type]/[id]/settings/index.vue | 6 ++++++
 apps/frontend/src/pages/[type]/[id]/settings/tags.vue  | 3 +++
 packages/assets/styles/classes.scss                    | 1 +
 packages/assets/styles/highlightjs.scss                | 2 +-
 4 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 15729987..83d85577 100644
--- 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 {
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/tags.vue b/apps/frontend/src/pages/[type]/[id]/settings/tags.vue
index a1877bd6..e42144b4 100644
--- 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 {
diff --git a/packages/assets/styles/classes.scss b/packages/assets/styles/classes.scss
index f3a3d4a2..f05470a7 100644
--- a/packages/assets/styles/classes.scss
+++ b/packages/assets/styles/classes.scss
@@ -888,6 +888,7 @@ a,
   img {
     max-width: 100%;
     height: auto;
+    display: inline-block;
   }
 
   html:not(.dark-mode, .oled-mode) & img[src$='#gh-dark-mode-only'] {
diff --git a/packages/assets/styles/highlightjs.scss b/packages/assets/styles/highlightjs.scss
index 351c093f..f8124fb0 100644
--- a/packages/assets/styles/highlightjs.scss
+++ b/packages/assets/styles/highlightjs.scss
@@ -76,7 +76,7 @@ pre {
   padding: 1em 1em 1em 1em;
   border-width: 5px;
   border-radius: 2em;
-  border-color: var(--color-brand);
+  border-color: var(--color-button-bg);
   overflow-x: hidden;
 
   code {