From 7d447bee93af0c1c6114f758cd7f5810ab8b6f29 Mon Sep 17 00:00:00 2001 From: Oliver Date: Fri, 27 Mar 2026 18:23:24 -0300 Subject: [PATCH] fix: footer links align-bottom; send btn inside textarea bottom-right, border color --- index.html | 20 +++++++++++--------- 1 file changed, 11 insertions(+), 9 deletions(-) diff --git a/index.html b/index.html index 55229c8..9d78ec5 100644 --- a/index.html +++ b/index.html @@ -1058,6 +1058,7 @@ display: flex; gap: 1.75rem; justify-self: end; + align-self: end; } .footer-links a { color: rgba(255, 255, 255, 0.6); @@ -1073,12 +1074,10 @@ width: 100%; } .footer-feedback__form { - display: flex; - gap: 0.375rem; - align-items: flex-end; + position: relative; } .footer-feedback__area { - flex: 1; + width: 100%; resize: none; border: 1.5px solid rgba(255, 255, 255, 0.18); border-radius: 0.875rem; @@ -1107,24 +1106,27 @@ background-color: rgba(255, 255, 255, 0.11); } .footer-feedback__btn { - flex-shrink: 0; + position: absolute; + bottom: 0.45rem; + right: 0.5rem; background: none; border: none; - padding: 0.4rem; + padding: 0.25rem; cursor: pointer; - color: #3b82f6; + color: rgba(255, 255, 255, 0.18); display: flex; align-items: center; justify-content: center; border-radius: 50%; line-height: 0; + z-index: 1; transition: color 0.2s, transform 0.15s; } .footer-feedback__btn:hover { - color: #2563eb; - transform: scale(1.2) translateX(2px); + color: rgba(255, 255, 255, 0.75); + transform: scale(1.15) translateX(2px); } .footer-feedback__btn:disabled { opacity: 0.4;