fix(ui): Add border-radius to flags

relative-ci · Feb 25, 2022 · 4f7663b · 4f7663b
1 parent 00152f5
commit 4f7663b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/packages/ui/src/components/bundle-assets/bundle-assets.module.css b/packages/ui/src/components/bundle-assets/bundle-assets.module.css
@@ -31,6 +31,7 @@
 }
 
 .flag {
+  border-radius: 2px;
   display: inline-block;
   width: var(--space-xsmall);
   height: var(--space-xsmall);

diff --git a/packages/ui/src/components/bundle-packages/bundle-packages.module.css b/packages/ui/src/components/bundle-packages/bundle-packages.module.css
@@ -13,17 +13,21 @@
 }
 
 .duplicate {
-  margin-right: var(--space-xxxsmall);
+  border-radius: 2px;
   display: inline-block;
-  width: var(--space-small);
-  height: var(--space-small);
-  font-size: 10px;
+  width: var(--space-xsmall);
+  height: var(--space-xsmall);
+  font-family: var(--font-family);
+  font-size: 8px;
   font-weight: bold;
-  line-height: var(--space-small);
+  background: var(--color-highlight);
+  color: var(--color-text-light);
+  line-height: var(--space-xsmall);
   text-align: center;
   text-transform: uppercase;
   vertical-align: middle;
 
+  margin-right: var(--space-xxxsmall);
   background: var(--color-danger);
   color: var(--color-light);
 }