Merge pull request #537 from algorandfoundation/fix/txn-graph-click

p2arthur · web-flow · commit a7e6cca7105f · 2026-01-13T08:12:39.000-08:00
fix: fix download button blocking txn click txn graph
diff --git a/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.CF6HEO6Z5UZIPCUXTIAGUHHDV7W4FCZG5WPKUGU3BIJYF6X6SPYA.html b/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.CF6HEO6Z5UZIPCUXTIAGUHHDV7W4FCZG5WPKUGU3BIJYF6X6SPYA.html
@@ -608,7 +608,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.DX64C5POMYLPSMOZVQZWF5VJ7RW27THYBUGKNH5T4A5D2KAFHZCQ.html b/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.DX64C5POMYLPSMOZVQZWF5VJ7RW27THYBUGKNH5T4A5D2KAFHZCQ.html
@@ -1898,7 +1898,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.GYZT5MEYJKR35U7CL3NUFCJVSAWBOQITRB3S5IQS2TWBZPD7E34A.html b/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.GYZT5MEYJKR35U7CL3NUFCJVSAWBOQITRB3S5IQS2TWBZPD7E34A.html
@@ -669,7 +669,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.INDQXWQXHF22SO45EZY7V6FFNI6WUD5FHRVDV6NCU6HD424BJGGA.html b/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.INDQXWQXHF22SO45EZY7V6FFNI6WUD5FHRVDV6NCU6HD424BJGGA.html
@@ -2394,7 +2394,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.KMNBSQ4ZFX252G7S4VYR4ZDZ3RXIET5CNYQVJUO5OXXPMHAMJCCQ.html b/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.KMNBSQ4ZFX252G7S4VYR4ZDZ3RXIET5CNYQVJUO5OXXPMHAMJCCQ.html
@@ -550,7 +550,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.WYEGSIGWZHTR6VYXC3EXFGZQHYKI6FQOZU2DOKHQCAWYEIHJBKEA.html b/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.WYEGSIGWZHTR6VYXC3EXFGZQHYKI6FQOZU2DOKHQCAWYEIHJBKEA.html
@@ -1156,7 +1156,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.XVVC7UDLCPI622KCJZLWK3SEAWWVUEPEXUM5CO3DFLWOBH7NOPDQ.html b/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.XVVC7UDLCPI622KCJZLWK3SEAWWVUEPEXUM5CO3DFLWOBH7NOPDQ.html
@@ -757,7 +757,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/asset-transfer-graph.563MNGEL2OF4IBA7CFLIJNMBETT5QNKZURSLIONJBTJFALGYOAUA.html b/src/features/transactions-graph/components/__snapshots__/asset-transfer-graph.563MNGEL2OF4IBA7CFLIJNMBETT5QNKZURSLIONJBTJFALGYOAUA.html
@@ -193,7 +193,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/asset-transfer-graph.JBDSQEI37W5KWPQICT2IGCG2FWMUGJEUYYK3KFKNSYRNAXU2ARUA.html b/src/features/transactions-graph/components/__snapshots__/asset-transfer-graph.JBDSQEI37W5KWPQICT2IGCG2FWMUGJEUYYK3KFKNSYRNAXU2ARUA.html
@@ -245,7 +245,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/group-graph.%2BRd88080lmrfzu8EX6pntMRcOvv8AZOpxpQB1wr1h2Y%3D.html b/src/features/transactions-graph/components/__snapshots__/group-graph.%2BRd88080lmrfzu8EX6pntMRcOvv8AZOpxpQB1wr1h2Y%3D.html
@@ -613,7 +613,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/group-graph.%2FoRSr2uMFemQhwQliJO18b64Nl1QIkjA39ZszRCeSCI%3D.html b/src/features/transactions-graph/components/__snapshots__/group-graph.%2FoRSr2uMFemQhwQliJO18b64Nl1QIkjA39ZszRCeSCI%3D.html
@@ -2481,7 +2481,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/group-graph.5VFCW3FBMGGqVQIukeg9IMlaSzci242qEEshJWDwI9c%3D.html b/src/features/transactions-graph/components/__snapshots__/group-graph.5VFCW3FBMGGqVQIukeg9IMlaSzci242qEEshJWDwI9c%3D.html
@@ -4072,7 +4072,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/group-graph.S5gujlpPmhvXROKCHG5mEOKBUBux7G%2BuVA4M17N8Ogo%3D.html b/src/features/transactions-graph/components/__snapshots__/group-graph.S5gujlpPmhvXROKCHG5mEOKBUBux7G%2BuVA4M17N8Ogo%3D.html
@@ -666,7 +666,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/group-graph.TYEjlEMFUb8dX%2BOtWME7k0nvN1%2BL77djDllXHRqz8fo%3D.html b/src/features/transactions-graph/components/__snapshots__/group-graph.TYEjlEMFUb8dX%2BOtWME7k0nvN1%2BL77djDllXHRqz8fo%3D.html
@@ -520,7 +520,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/group-graph.wDegGrdXE32WoxPfioFELwPVWBIiZK0GF1bwos7fJs0%3D.html b/src/features/transactions-graph/components/__snapshots__/group-graph.wDegGrdXE32WoxPfioFELwPVWBIiZK0GF1bwos7fJs0%3D.html
@@ -945,7 +945,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/heartbeat-transaction-graph.HEARTBEATHS44RJ4BQ6HOMWZCGOJW5WWOQ5CR7XHSZHFP2ZQCDOA.html b/src/features/transactions-graph/components/__snapshots__/heartbeat-transaction-graph.HEARTBEATHS44RJ4BQ6HOMWZCGOJW5WWOQ5CR7XHSZHFP2ZQCDOA.html
@@ -131,7 +131,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/key-reg-graph.VE767RE4HGQM7GFC7MUVY3J67KOR5TV34OBTDDEQTDET2UFM7KTQ.html b/src/features/transactions-graph/components/__snapshots__/key-reg-graph.VE767RE4HGQM7GFC7MUVY3J67KOR5TV34OBTDDEQTDET2UFM7KTQ.html
@@ -131,7 +131,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/payment-transaction-graph.FBORGSDC4ULLWHWZUMUFIYQLSDC26HGLTFD7EATQDY37FHCIYBBQ.html b/src/features/transactions-graph/components/__snapshots__/payment-transaction-graph.FBORGSDC4ULLWHWZUMUFIYQLSDC26HGLTFD7EATQDY37FHCIYBBQ.html
@@ -253,7 +253,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/__snapshots__/payment-transaction-graph.ILDCD5Z64CYSLEZIHBG5DVME2ITJI2DIVZAPDPEWPCYMTRA5SVGA.html b/src/features/transactions-graph/components/__snapshots__/payment-transaction-graph.ILDCD5Z64CYSLEZIHBG5DVME2ITJI2DIVZAPDPEWPCYMTRA5SVGA.html
@@ -201,7 +201,7 @@
         </div>
       </div>
       <div
-        class="bottom-0 flex h-10 w-full md:absolute md:justify-end"
+        class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"
       >
         <button
           class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"
diff --git a/src/features/transactions-graph/components/transactions-graph.tsx b/src/features/transactions-graph/components/transactions-graph.tsx
@@ -116,7 +116,7 @@ export function TransactionsGraph({ transactionsGraphData, downloadable, bgClass
           </div>
         </div>
         {downloadable && (
-          <div className="bottom-0 flex h-10 w-full md:absolute md:justify-end">
+          <div className="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end">
             {/* Don't change this id value, it's used by a bot Alessandro is building. */}
             <Button id="download-transactions-visual" className="w-32" variant="outline" onClick={downloadImage}>
               <Download className="mr-2 size-4" />

Original file line number	Diff line number	Diff line change
`@@ -608,7 +608,7 @@`
`608`	`608`	`</div>`
`609`	`609`	`</div>`
`610`	`610`	`<div`
`611`		`- class="bottom-0 flex h-10 w-full md:absolute md:justify-end"`
	`611`	`+ class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"`
`612`	`612`	`>`
`613`	`613`	`<button`
`614`	`614`	`class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"`
Original file line number	Diff line number	Diff line change
`@@ -1898,7 +1898,7 @@`
`1898`	`1898`	`</div>`
`1899`	`1899`	`</div>`
`1900`	`1900`	`<div`
`1901`		`- class="bottom-0 flex h-10 w-full md:absolute md:justify-end"`
	`1901`	`+ class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"`
`1902`	`1902`	`>`
`1903`	`1903`	`<button`
`1904`	`1904`	`class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"`
Original file line number	Diff line number	Diff line change
`@@ -669,7 +669,7 @@`
`669`	`669`	`</div>`
`670`	`670`	`</div>`
`671`	`671`	`<div`
`672`		`- class="bottom-0 flex h-10 w-full md:absolute md:justify-end"`
	`672`	`+ class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"`
`673`	`673`	`>`
`674`	`674`	`<button`
`675`	`675`	`class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"`
Original file line number	Diff line number	Diff line change
`@@ -2394,7 +2394,7 @@`
`2394`	`2394`	`</div>`
`2395`	`2395`	`</div>`
`2396`	`2396`	`<div`
`2397`		`- class="bottom-0 flex h-10 w-full md:absolute md:justify-end"`
	`2397`	`+ class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"`
`2398`	`2398`	`>`
`2399`	`2399`	`<button`
`2400`	`2400`	`class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"`
Original file line number	Diff line number	Diff line change
`@@ -550,7 +550,7 @@`
`550`	`550`	`</div>`
`551`	`551`	`</div>`
`552`	`552`	`<div`
`553`		`- class="bottom-0 flex h-10 w-full md:absolute md:justify-end"`
	`553`	`+ class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"`
`554`	`554`	`>`
`555`	`555`	`<button`
`556`	`556`	`class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"`
Original file line number	Diff line number	Diff line change
`@@ -1156,7 +1156,7 @@`
`1156`	`1156`	`</div>`
`1157`	`1157`	`</div>`
`1158`	`1158`	`<div`
`1159`		`- class="bottom-0 flex h-10 w-full md:absolute md:justify-end"`
	`1159`	`+ class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"`
`1160`	`1160`	`>`
`1161`	`1161`	`<button`
`1162`	`1162`	`class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"`
Original file line number	Diff line number	Diff line change
`@@ -757,7 +757,7 @@`
`757`	`757`	`</div>`
`758`	`758`	`</div>`
`759`	`759`	`<div`
`760`		`- class="bottom-0 flex h-10 w-full md:absolute md:justify-end"`
	`760`	`+ class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"`
`761`	`761`	`>`
`762`	`762`	`<button`
`763`	`763`	`class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"`
Original file line number	Diff line number	Diff line change
`@@ -193,7 +193,7 @@`
`193`	`193`	`</div>`
`194`	`194`	`</div>`
`195`	`195`	`<div`
`196`		`- class="bottom-0 flex h-10 w-full md:absolute md:justify-end"`
	`196`	`+ class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"`
`197`	`197`	`>`
`198`	`198`	`<button`
`199`	`199`	`class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"`
Original file line number	Diff line number	Diff line change
`@@ -245,7 +245,7 @@`
`245`	`245`	`</div>`
`246`	`246`	`</div>`
`247`	`247`	`<div`
`248`		`- class="bottom-0 flex h-10 w-full md:absolute md:justify-end"`
	`248`	`+ class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"`
`249`	`249`	`>`
`250`	`250`	`<button`
`251`	`251`	`class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"`
Original file line number	Diff line number	Diff line change
`@@ -613,7 +613,7 @@`
`613`	`613`	`</div>`
`614`	`614`	`</div>`
`615`	`615`	`<div`
`616`		`- class="bottom-0 flex h-10 w-full md:absolute md:justify-end"`
	`616`	`+ class="right-0 bottom-0 flex h-10 w-auto md:absolute md:justify-end"`
`617`	`617`	`>`
`618`	`618`	`<button`
`619`	`619`	`class="ring-offset-background focus-visible:ring-ring relative inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-accent hover:text-accent-foreground border bg-transparent h-10 px-4 py-2 w-32"`