Enhance styling for chip-platform elements and improve layout responsiveness

Author: kavaivaleri

assets/styles.css

@@ -124,6 +124,7 @@ body, html {
   margin-top: 0.5rem;
   width: 100%;
   max-width: 100%;
+  overflow: hidden;
 }
 
 .chip-platform {
@@ -140,6 +141,15 @@ body, html {
   font-weight: 500;
   transition: all 0.2s ease;
   white-space: nowrap;
+  flex-direction: row;
+}
+
+.chip-platform div {
+  display: inline;
+  margin: 0;
+  padding: 0;
+  line-height: 1;
+  vertical-align: middle;
 }
 
 .chip-platform:hover {
@@ -155,6 +165,11 @@ body, html {
   width: 20px;
   height: 20px;
   flex-shrink: 0;
+  object-fit: contain;
+  display: block;
+  max-width: 20px;
+  max-height: 20px;
+  vertical-align: middle;
 }
 
 .platforms-heading {
@@ -195,6 +210,8 @@ body, html {
   .chip-platform-icon {
     width: 18px;
     height: 18px;
+    max-width: 18px;
+    max-height: 18px;
   }
 }