Position absolute for arrow
| @@ -386,6 +386,7 @@ input[type='checkbox']:focus-visible { | ||
| 386 | 386 | user-select: none; |
| 387 | 387 | margin: 0.5em 2px; |
| 388 | 388 | padding: 7px 14px; |
| 389 | + padding-right: calc(0.7em + 14px); | |
| 389 | 390 | border-radius: 10px; |
| 390 | 391 | background-color: var(--grey30); |
| 391 | 392 | font-size: calc(var(--mainFontSize) * 0.9); |
| @@ -415,13 +416,17 @@ input[type='checkbox']:focus-visible { | ||
| 415 | 416 | } |
| 416 | 417 | |
| 417 | 418 | .mes_reasoning_details .mes_reasoning_arrow { |
| 419 | + position: absolute; | |
| 420 | + top: 50%; | |
| 421 | + right: 7px; | |
| 422 | + transform: translateY(-50%); | |
| 418 | 423 | font-size: calc(var(--mainFontSize) * 0.7); |
| 419 | 424 | width: calc(var(--mainFontSize) * 0.7); |
| 420 | 425 | height: calc(var(--mainFontSize) * 0.7); |
| 421 | 426 | } |
| 422 | 427 | |
| 423 | 428 | .mes_reasoning_details:not([open]) .mes_reasoning_arrow { |
| 424 | 429 | transform: translateY(-50%) rotate(180deg); |
| 425 | 430 | } |
| 426 | 431 | |
| 427 | 432 | .mes_reasoning_summary>span { |