Merge pull request #573 from CuBoulder/issue/569

Fixes padding on tag and category icons in articles
CuBoulder · Nov 30, 2023 · 9040b48 · 9040b48
2 parents 09e1048 + 8d7d8b9
commit 9040b48
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+- ### Fixes padding on tag and category icons in articles
+  Resolves CuBoulder/tiamat-theme#569
+---
+
 - ### Fixes secondary menu alignment
   Fixes a bug which caused the secondary menu to be improperly aligned to the left when placed above the main navigation. Resolves CuBoulder/tiamat-theme#558
 ---

diff --git a/css/ucb-article.css b/css/ucb-article.css
@@ -35,11 +35,7 @@ i.fa-regular.fa-calendar {
 .ucb-article-category-icon, .ucb-article-tag-icon {
   background-color: #555555;
   color: #e7e7e7;
-  height: 16px;
-  width: 16px;
-}
-.ucb-article-category-icon > svg, .ucb-article-tag-icon > svg{
- padding: 2px;
+  padding: 6px;
 }
 
 .ucb-article-categories div,
@@ -48,7 +44,6 @@ i.fa-regular.fa-calendar {
   display: flex;
   flex-direction: row;
   line-height: 1.5em;
-  padding: 2px;
 }
 
 .ucb-article-categories a:link,
@@ -59,9 +54,9 @@ i.fa-regular.fa-calendar {
 .ucb-article-issue a:visited {
   background: #e7e7e7;
   color: #555;
-  padding: 2px 6px;
+  padding: 6px;
   display: inline-block;
-  margin: 0 5px 5px 0;
+  margin-right: 8px;
 }
 
 .ucb-article-categories a:hover,