diff --git a/main/styles.css b/main/styles.css index 4a2dd11..60a197f 100644 --- a/main/styles.css +++ b/main/styles.css @@ -4,16 +4,18 @@ body { padding: 0; background: #fff; color: #222; - padding-bottom: 200px; + min-height: 100vh; + display: flex; + flex-direction: column; } .container { max-width: 700px; margin: 0 auto; - padding: 24px 12px 0 12px; - display: flex; - flex-direction: column; - min-height: 100vh; + padding: 24px 12px; + flex: 1; + width: 100%; + box-sizing: border-box; } .header { @@ -59,8 +61,7 @@ body { } .messages-container { - flex: 1; - margin-bottom: 18px; + margin-bottom: 180px; display: flex; flex-direction: column; gap: 10px; @@ -107,6 +108,7 @@ body { padding: 12px; border-top: 1px solid #eee; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); + z-index: 1000; } .message-form {