feat: Styling on PieceIcons

Author: olzzon

packages/webui/src/client/ui/PieceIcons/PieceIcons.scss

@@ -1,7 +1,8 @@
 // Variables
 $text-color: #ffffff;
-$font-size-base: 75px;
+$font-size-base: 70px;
 $text-shadow: 0 2px 9px rgba(0, 0, 0, 0.5);
+$letter-spacing: 0.02em;
 
 // Base icon styles
 .piece-icon {
@@ -77,16 +78,17 @@ $text-shadow: 0 2px 9px rgba(0, 0, 0, 0.5);
   // Common text styles
   .piece-icon-text {
     fill: $text-color;
-    font-family: 'Open Sans', sans-serif;
+    font-family: Roboto Condensed, Roboto, sans-serif;
     font-size: 40px;
 
     filter: drop-shadow($text-shadow);
 
     .label {
       fill: $text-color;
-      font-family: Roboto, sans-serif;
+      font-family: Roboto Condensed, Roboto, sans-serif;
       font-size: $font-size-base;
-      font-weight: 100;
+      font-weight: 300;
+      letter-spacing: $letter-spacing;
     }
   }
 }