From 252348a07f4b3a8049ccf50a4669545673edc8f6 Mon Sep 17 00:00:00 2001
From: Wojtek <wojtek@localhost>
Date: Thu, 15 Oct 2026 13:01:37 +0200
Subject: [PATCH] Expand frontend question layout

---
 README.md                                     |  2 +-
 .../sql/updates/mysql/1.8.1.sql               |  1 +
 com_testquestions.xml                         |  2 +-
 .../com_testquestions/media/egzamin.css       | 19 ++++++++++++++--
 egzamin.css                                   | 22 ++++++++++++++++++-
 5 files changed, 41 insertions(+), 5 deletions(-)
 create mode 100644 administrator/components/com_testquestions/sql/updates/mysql/1.8.1.sql

diff --git a/README.md b/README.md
index 128d8c4..80558c9 100644
--- a/README.md
+++ b/README.md
@@ -22,6 +22,6 @@ Szkielet komponentu Joomla 6 do gromadzenia pytań testowych.
 
 ## Instalacja
 
-W Joomla wybierz **System → Install → Install from Folder** i wskaż ten katalog. Manifestem instalacyjnym jest `com_testquestions.xml` (wersja 1.8.0).
+W Joomla wybierz **System → Install → Install from Folder** i wskaż ten katalog. Manifestem instalacyjnym jest `com_testquestions.xml` (wersja 1.8.1).
 
 Po instalacji komponent jest dostępny w panelu administratora jako **Pytania testowe**.
diff --git a/administrator/components/com_testquestions/sql/updates/mysql/1.8.1.sql b/administrator/components/com_testquestions/sql/updates/mysql/1.8.1.sql
new file mode 100644
index 0000000..0d9fecd
--- /dev/null
+++ b/administrator/components/com_testquestions/sql/updates/mysql/1.8.1.sql
@@ -0,0 +1 @@
+-- No database changes required for version 1.8.1.
diff --git a/com_testquestions.xml b/com_testquestions.xml
index bc14a3a..d807453 100644
--- a/com_testquestions.xml
+++ b/com_testquestions.xml
@@ -4,7 +4,7 @@
     <creationDate>2026-10-14</creationDate>
     <author>Komponent</author>
     <license>GNU General Public License version 2 or later</license>
-    <version>1.8.0</version>
+    <version>1.8.1</version>
     <description>COM_TESTQUESTIONS_DESCRIPTION</description>
     <element>com_testquestions</element>
     <namespace path="src">Komponent\Component\Testquestions</namespace>
diff --git a/components/com_testquestions/media/egzamin.css b/components/com_testquestions/media/egzamin.css
index 23856e4..f55c663 100644
--- a/components/com_testquestions/media/egzamin.css
+++ b/components/com_testquestions/media/egzamin.css
@@ -1,3 +1,16 @@
+.com-testquestions {
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+}
+
+.com-testquestions .testquestion {
+    display: block;
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+}
+
 .com-testquestions .timer-container {
     position: relative;
     width: 120px;
@@ -41,7 +54,8 @@
     margin: 25px 5px 11px;
     border: 1px #dfe3e7 solid;
     border-radius: .25rem;
-    width: 98%;
+    width: 100%;
+    box-sizing: border-box;
     padding: 10px;
     text-align: left;
     color: white;
@@ -62,7 +76,8 @@
     margin: 5px;
     border: 1px #dfe3e7 solid;
     border-radius: .25rem;
-    width: 98%;
+    width: 100%;
+    box-sizing: border-box;
     padding: 10px;
     text-align: left;
     box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
diff --git a/egzamin.css b/egzamin.css
index 942acd9..eef34b6 100644
--- a/egzamin.css
+++ b/egzamin.css
@@ -126,4 +126,24 @@ div.odpup
 		box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
 		margin-right:10px;
 	    
-	}
\ No newline at end of file
+	}
+.com-testquestions {
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+}
+
+.com-testquestions .testquestion {
+    display: block;
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+}
+
+.com-testquestions .pyt,
+.com-testquestions .odp,
+.com-testquestions .odpp,
+.com-testquestions .odpu,
+.com-testquestions .odpup {
+    box-sizing: border-box;
+}