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

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 {

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 {

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'] {

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 {