Position absolute for arrow

fb83a3ca3fb47ee8c64b4b8c525bcde5be106a9d

Cohee <18619528+Cohee1207@users.noreply.github.com>

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