fix: alert unwanted gap if there's one child only. closes: #3702

Author: saadeghi

packages/daisyui/package.json

@@ -2,7 +2,7 @@
   "type": "module",
   "name": "daisyui",
   "version": "5.0.7",
-  "description": "daisyUI 5 - Tailwind CSS Component Library",
+  "description": "daisyUI 5 - The Tailwind CSS Component Library",
   "author": "Pouya Saadeghi",
   "license": "MIT",
   "homepage": "https://daisyui.com",

packages/daisyui/src/components/alert.css

@@ -4,7 +4,7 @@
   justify-content: start;
   justify-items: start;
   grid-auto-flow: column;
-  grid-template-columns: auto minmax(auto, 1fr);
+  grid-template-columns: auto;
   text-align: start;
   border: var(--border) solid var(--color-base-200);
   font-size: 0.875rem;
@@ -21,6 +21,9 @@
         #0000
       ),
     0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
+  &:has(:nth-child(2)) {
+    grid-template-columns: auto minmax(auto, 1fr);
+  }
   &.alert-outline {
     @apply bg-transparent;
     color: var(--alert-color);
@@ -79,12 +82,18 @@
   grid-auto-flow: row;
   grid-template-columns: auto;
   text-align: center;
+  &:has(:nth-child(2)) {
+    grid-template-columns: auto;
+  }
 }
 
 .alert-horizontal {
   justify-content: start;
   justify-items: start;
   grid-auto-flow: column;
-  grid-template-columns: auto minmax(auto, 1fr);
+  grid-template-columns: auto;
   text-align: start;
+  &:has(:nth-child(2)) {
+    grid-template-columns: auto minmax(auto, 1fr);
+  }
 }

packages/docs/src/routes/(routes)/docs/install/rails/+page.md

@@ -69,7 +69,7 @@ This works as a Tailwind CSS plugin so only the class names you need will be add
 Run this code to download latest version of daisyUI as a single js file
 
 ```sh:Terminal
-curl -sLo app/assets/tailwind/daisyui.js https://esm.run/daisyui@5/index.js
+curl -sLo app/assets/tailwind/daisyui.js https://github.com/saadeghi/daisyui/releases/latest/download/daisyui.js
 ```
 
 Put Tailwind CSS and daisyUI in your CSS file (and remove old styles)

packages/docs/src/routes/(routes)/docs/install/standalone/+page.md

@@ -16,7 +16,7 @@ Follow [Tailwind CSS guide](https://tailwindcss.com/blog/standalone-cli) and get
 Run this code to download latest version of daisyUI as a single js file and put it next to Tailwind's executable file.
 
 ```sh:Terminal
-curl -sLo daisyui.js https://esm.run/daisyui@5/index.js
+curl --sLO https://github.com/saadeghi/daisyui/releases/latest/download/daisyui.js
 ```
 
 ### 3. Add Tailwind CSS and daisyUI