Tweak uptime percentage styling

Author: MariusKnirk

src/assetbundles/ohdear/src/js/components/pages/Uptime.vue

@@ -57,7 +57,7 @@
                              @mouseover="setTooltipContent(day)"
                              :style="getCellStyle(day)"
                              class="oh-h-8 oh-w-8 oh-m-0.5 oh-rounded-sm oh-flex oh-justify-center oh-items-center cell">
-                            <span class="oh-whitespace-nowrap oh-text-xs oh-font-medium pointer-events-none" style="color: rgba(0,0,0,0.45)">{{day.uptimePercentage}}</span>
+                            <span class="oh-whitespace-nowrap oh-text-2xs oh-font-medium pointer-events-none oh-text-black/50">{{day.uptimePercentage}}</span>
                         </div>
 
                         <div v-for="day in daysToGoThisWeek" class="oh-bg-gray-300 oh-h-8 oh-w-8 oh-m-0.5 oh-rounded-sm"></div>

tailwind.config.js

@@ -144,11 +144,13 @@ module.exports = {
             },
         },
         fontSize: {
-            xs: '0.75rem',
-            sm: '0.875rem',
-            base: '1rem',
-            lg: '1.125rem',
-            xl: '1.25rem',
+            '3xs': '0.5rem',
+            '2xs': '0.625rem',
+            'xs': '0.75rem',
+            'sm': '0.875rem',
+            'base': '1rem',
+            'lg': '1.125rem',
+            'xl': '1.25rem',
             '2xl': '1.5rem',
             '3xl': '1.875rem',
             '4xl': '2.25rem',