fix: typography issues in downloads page

Author: herzog0

static/css/v3/downloads-table-card.css

@@ -55,6 +55,14 @@
   color: var(--color-text-primary);
 }
 
+.downloads-table-card__os-name {
+  font-family: var(--font-sans);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-medium);
+  line-height: 100%;
+  letter-spacing: -0.12px;
+}
+
 .downloads-table-card__td--file {
   word-break: break-all;
 }
@@ -124,8 +132,18 @@
   display: flex;
 }
 
+@media (max-width: 1279px) {
+  .downloads-table-card__os-name {
+    font-size: 10px;
+    line-height: 10px;
+    letter-spacing: -0.1px;
+  }
+}
+
 /* ── Mobile ── */
 @media (max-width: 767px) {
+
+
   .downloads-table-card__wrapper {
     -webkit-overflow-scrolling: touch;
   }

templates/v3/includes/_downloads_table_card.html

@@ -31,7 +31,7 @@
                     {% elif 'Windows' in os or 'Binary' in os %}
                       <span class="downloads-table-card__os-icon" aria-hidden="true">{% include "includes/icon.html" with icon_name="windows" icon_size=16 icon_viewbox="0 0 16 16" %}</span>
                     {% endif %}
-                    <span>{{ os }}</span>
+                    <span class="downloads-table-card__os-name">{{ os }}</span>
                   </div>
                 </td>
               {% endif %}