From 19b6a4e1eaedaeea52b951e02ecf5ca1aaa87379 Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Sat, 18 Nov 2023 13:17:15 +0100
Subject: [PATCH] fix: style fixes

---
 components/article/terms.php  |  6 +++---
 scss/components/_buttons.scss |  1 +
 scss/core/_icons.scss         | 14 ++++++++++++++
 scss/core/_typography.scss    |  3 ++-
 style.css                     | 15 ++++++++++++++-
 5 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/components/article/terms.php b/components/article/terms.php
index 2722a82..2509d5f 100644
--- a/components/article/terms.php
+++ b/components/article/terms.php
@@ -5,7 +5,7 @@
     echo '<h4 class="sr-only" id="title-article-taxo-romans">Romans</h4>';
     $romans = get_the_terms($post->ID, 'roman');
     foreach( $romans as $roman ) {
-      echo "<li><a href= '" . esc_url( get_category_link( $roman->term_id ) ) . "' class='btn-small c-primary mr-half'><i class='icon icon-book'></i>&nbsp;" . $roman->name . "</a></li>";
+      echo "<li><a href= '" . esc_url( get_category_link( $roman->term_id ) ) . "' class='btn btn-small c-primary mr-half'><i class='icon icon-book'></i>&nbsp;" . $roman->name . "</a></li>";
     }
     echo "</ul>";
   } else {
@@ -13,7 +13,7 @@
     echo "<ul class='nolist' aria-labelledby='title-article-taxo-categories'>";
     echo '<h4 class="sr-only" id="title-article-taxo-categories">Catégories</h4>';
     foreach( $categories as $category ) {
-      echo "<li><a href= '" . esc_url( get_category_link( $category->term_id ) ) . "' class='btn-small c-primary mr-half'><svg class='icon' alt=''><use xlink:href='#icon-folder'></use></svg>&nbsp;" . $category->cat_name . "</a></li>";
+      echo "<li><a href= '" . esc_url( get_category_link( $category->term_id ) ) . "' class='btn btn-small c-primary mr-half'><svg class='icon' alt=''><use xlink:href='#icon-folder'></use></svg>&nbsp;" . $category->cat_name . "</a></li>";
     }
     echo "</ul>";
   }
@@ -22,7 +22,7 @@
     echo "<ul class='nolist' aria-labelledby='title-article-taxo-tags'>";
     echo '<h4 class="sr-only" id="title-article-taxo-tags">Tags</h4>';
     foreach( $tags as $tag ) {
-      echo "<li><a href= '" . esc_url( get_tag_link( $tag->term_id ) ) . "' class='btn-small c-secondary mr-half'><i class='icon icon-tag'></i>&nbsp;" . $tag->name . "</a></li>";
+      echo "<li><a href= '" . esc_url( get_tag_link( $tag->term_id ) ) . "' class='btn btn-small c-secondary mr-half'><i class='icon icon-tag'></i>&nbsp;" . $tag->name . "</a></li>";
     }
     echo "</ul>";
   }
diff --git a/scss/components/_buttons.scss b/scss/components/_buttons.scss
index e7db8a0..c3c468e 100644
--- a/scss/components/_buttons.scss
+++ b/scss/components/_buttons.scss
@@ -67,6 +67,7 @@
   transition: background-color .2s, border .2s, box-shadow .2s, color .2s;
   outline-color: var(--accent-color);
   color: var(--text-color-contrast);
+  background: none!important;
 
   &::before {
     background-color: var(--accent-color);
diff --git a/scss/core/_icons.scss b/scss/core/_icons.scss
index 485126b..5398d6a 100644
--- a/scss/core/_icons.scss
+++ b/scss/core/_icons.scss
@@ -6,4 +6,18 @@
   stroke: currentColor;
   fill: currentColor;
   color: currentColor;
+}
+
+.card-header .icon {
+  vertical-align: bottom;
+}
+
+.toolbar .icon {
+  position: relative;
+  top: 0.2em;
+}
+
+.btn.btn-small .icon, .label .icon {
+  position: relative;
+  top: 0.1em;
 }
\ No newline at end of file
diff --git a/scss/core/_typography.scss b/scss/core/_typography.scss
index fdd421f..dd1b3c3 100644
--- a/scss/core/_typography.scss
+++ b/scss/core/_typography.scss
@@ -43,7 +43,8 @@ a {
   outline-color: $color-link;
   padding: 0.05rem;
   border-radius: 0.1rem;
-  text-decoration: underline dashed;
+  text-decoration: underline dashed 1px;
+  text-underline-offset: 0.1rem;
 
   &:visited {
     color: var(--link-color);
diff --git a/style.css b/style.css
index afd060e..d3c1b0c 100644
--- a/style.css
+++ b/style.css
@@ -84,7 +84,8 @@ a {
   outline-color: #CB357D;
   padding: 0.05rem;
   border-radius: 0.1rem;
-  text-decoration: underline dashed; }
+  text-decoration: underline dashed 1px;
+  text-underline-offset: 0.1rem; }
   a:visited {
     color: var(--link-color); }
   a:hover, a:active {
@@ -226,6 +227,17 @@ pre {
   fill: currentColor;
   color: currentColor; }
 
+.card-header .icon {
+  vertical-align: bottom; }
+
+.toolbar .icon {
+  position: relative;
+  top: 0.2em; }
+
+.btn.btn-small .icon, .label .icon {
+  position: relative;
+  top: 0.1em; }
+
 .btn {
   border: 0px solid rgba(0, 0, 0, 0.3);
   border-radius: 0px 0px 0px 0px;
@@ -241,6 +253,7 @@ pre {
   transition: background-color .2s, border .2s, box-shadow .2s, color .2s;
   outline-color: var(--accent-color);
   color: var(--text-color-contrast);
+  background: none !important;
   font-weight: 400; }
   .btn:before {
     content: " ";