Fix safari flexbox/gap issue with grid

related to #435
2021-08-11 19:27:08 +10:00
parent b255af5f0f
commit 1d1f62e38e
8 changed files with 14 additions and 14 deletions
--- a/app/web/src/components/CadPackage/CadPackage.tsx
+++ b/app/web/src/components/CadPackage/CadPackage.tsx
@@ -12,7 +12,7 @@ const CadPackage = ({ cadPackage, className = '' }: CadPackageProps) => {
  return (
    <div
      className={
-        `flex items-center gap-2 cursor-default text-gray-100 ${
+        `grid grid-flow-col-dense items-center gap-2 cursor-default text-gray-100 ${
          isOpenScad && 'bg-yellow-800'
        } ${isCadQuery && 'bg-ch-blue-300'} bg-opacity-30 ` + className
      }