Anfrageliste: auf schmalen Handys nicht mehr breiter als die Seite (K119)

Felder mit border-box, unter 400 px freie Spaltenbreiten, kleinere Spaltenköpfe und eine Tabelle, die notfalls in sich scrollt.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

2 files changed, 11 insertions, 0 deletions

diff --git a/views/css/frontend.css b/views/css/frontend.css
index 5743079..1081458 100644
--- a/views/css/frontend.css
+++ b/views/css/frontend.css
@@ -589,6 +589,12 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max
 .wpsg_mod_request_requestpage #wpsg_streetnr.wpsg_checkoutblock { display:flex; flex-direction:row; width:100%; }

 .wpsg_mod_request_requestpage #wpsg_streetnr.wpsg_checkoutblock .street { flex-grow:1; padding-right:15px; }

 .wpsg_mod_request_requestpage #wpsg_streetnr.wpsg_checkoutblock .nr input { width:75px; }

+.wpsg_mod_request_requestpage input, .wpsg_mod_request_requestpage select, .wpsg_mod_request_requestpage textarea { box-sizing:border-box; }

+@media (max-width:400px) {

+	.wpsg_mod_request_requestpage .wpsg_cell_amount, .wpsg_mod_request_requestpage .wpsg_cell_sumprice { width:auto; }

+	.wpsg_mod_request_requestpage thead th { font-size:0.8em; hyphens:auto; }

+	.wpsg_mod_request_requestpage table { display:block; overflow-x:auto; }

+}

 .requestlist_ajax_wrap { padding-bottom:2rem; }

 

 .wpsg_progress { padding:0px; margin:0px; width:100%; margin-bottom:100px; margin-top:30px; }

diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css
index ec3b4f2..906dd44 100644
--- a/views/css/wpsg-theme.css
+++ b/views/css/wpsg-theme.css
@@ -522,6 +522,7 @@ html body #wpsg_revocation_dialog .inner { background-color:var(--wpsg-color-bac
 :where(.wpsg_mod_request_requestpage) :where(input[type="text"], select) { width:100%; margin-top:5px; margin-bottom:5px; }
 :where(.wpsg_mod_request_requestpage .wpsg_cell_amount) :where(input[type="text"]) { box-sizing:border-box; width:4em; max-width:100%; }
 .wpsg_mod_request_requestpage :where(.wpsg_commentblock textarea) { box-sizing:border-box; width:100%; height:150px; }
+:where(.wpsg_mod_request_requestpage) :where(input, select, textarea) { box-sizing:border-box; }
 :where(.wpsg_mod_request_requestpage h2) { margin-top:2rem; margin-bottom:var(--wpsg-gap); }
 .requestlist_ajax_wrap { padding-bottom:2rem; }
 
@@ -805,4 +806,8 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max
 	.wpsg_basket :where(.wpsg_button), .wpsg_checkout :where(.wpsg_button), .wpsg_checkout2 :where(.wpsg_button) { width:100%; margin:0 0 10px 0; }
 	.wpsg_overview :where(.wpsg_checkoutbutton, .wpsg_orderbutton) { width:100%; margin:0 0 10px 0; }
 
+	/* Anfrageliste (K119) */
+	.wpsg_mod_request_requestpage :where(.wpsg_cell_amount, .wpsg_cell_sumprice) { width:auto; }
+	.wpsg_mod_request_requestpage :where(thead th) { font-size:0.8em; hyphens:auto; }
+	.wpsg_mod_request_requestpage :where(table) { display:block; overflow-x:auto; }
 }