feat: added iconography for all specs

Author: Kapil Gowru

fern/assets/styles.css

@@ -757,8 +757,7 @@ a[href*="changelog"] svg {
     &.specs {
       display: flex;
       flex-direction: row;
-      gap: 2rem;
-      align-items: flex-start;
+      align-items: center;
     }
   }
 
@@ -780,7 +779,7 @@ a[href*="changelog"] svg {
   .specs-grid {
     display: flex;
     flex-direction: row;
-    gap: 2rem;
+    gap: 1rem;
     flex: 1;
     flex-wrap: wrap;
   }
@@ -800,14 +799,23 @@ a[href*="changelog"] svg {
     flex-direction: column;
     align-items: flex-start;
 
-    &.specs {
-      flex-direction: row;
-      align-items: center;
+  }
 
-      img {
-        width: 2rem;
-        height: 2rem;
-      }
+  .specs-card {
+    flex-direction: row;
+    align-items: center;
+    display: flex;
+    gap: 0.5rem;
+    padding: 0.5rem;
+    border-radius: 0.5rem;
+
+    img {
+      width: 2rem;
+      height: 2rem;
+    }
+
+    &:hover {
+      background-color: var(--grayscale-a3);
     }
   }