From c81eda13f755183e2f26f5550913dcac2ba5ca2a Mon Sep 17 00:00:00 2001
From: revengeday <revengeday@noreply.git.cyberwa.re>
Date: Sat, 16 Nov 2024 20:52:39 +0000
Subject: [PATCH] CSS fixes, overlapping text, etc.

Fixed: Text Overlap Issue in Radio Group on Mobile Devices #1 / https://git.cyberwa.re/revengeday/cyber-circle-creator/issues/1
Fixed: FAQ Answer Box Text Cut-Off Issue #2 / https://git.cyberwa.re/revengeday/cyber-circle-creator/issues/2
Fixed: Text Overflow Issue in Specific FAQ Question #3 / https://git.cyberwa.re/revengeday/cyber-circle-creator/issues/3
---
 css/style.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 15c540d..45cad37 100644
--- a/css/style.css
+++ b/css/style.css
@@ -119,6 +119,7 @@ input[type="text"]:focus {
     display: flex;
     justify-content: space-around;
     flex-wrap: wrap;
+
 }
 
 .radio-group input[type="radio"] {
@@ -137,6 +138,9 @@ input[type="text"]:focus {
     border: 2px solid transparent;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
     color: var(--cyber-font-color);
+        white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .radio-group input[type="radio"]:checked + label {
@@ -246,6 +250,8 @@ button:active {
     position: relative;
     margin-bottom: 5px;
     transition: background-color 0.3s;
+    white-space: normal;
+    overflow: visible;
 }
 
 .faq-question::before {
@@ -271,7 +277,7 @@ button:active {
 }
 
 .faq-checkbox:checked + .faq-question + .faq-answer {
-    max-height: 500px;
+    max-height: 100%;
     padding: 15px;
 }