Fix some styles

2021-10-03 12:42:25 +02:00
parent 6c1dcf7535
commit dc11cd28ad
5 changed files with 40 additions and 19 deletions
--- a/src/style/atoms/_badge.scss
+++ b/src/style/atoms/_badge.scss
@@ -1,21 +1,21 @@
 .badge {
    display: flex;
    align-items: center;
+    justify-content: center;
+    min-height: 16px;
    margin: 0 auto;
    padding: 0 6px;
-    background-color: $color-secondary-light;
-    border-radius: 100vh;
-    text-transform: uppercase;
-    color: $color-primary-darker;
+    text-align: center;
+    background: $color-secondary-light;
    font-weight: 500;
+    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
-    min-height: 16px;
+    color: $color-primary-darker;
+    border-radius: 100vh;

    // Small size
    &--small {
-        span {
-            font-size: rem(7px);
-        }
+        font-size: rem(7px);
    }
 }