From 6f76920e3fa1ee5beda02369d7b511e6db3be659 Mon Sep 17 00:00:00 2001 From: vv01f Date: Wed, 29 Mar 2023 19:00:35 +0200 Subject: [PATCH] replace table for possibly better mobile view --- kole.html | 80 ++++++++++++++++++++++++++++++++++++++++++------------- 1 file changed, 61 insertions(+), 19 deletions(-) diff --git a/kole.html b/kole.html index 90866ad..31dc57c 100644 --- a/kole.html +++ b/kole.html @@ -7,21 +7,27 @@ @media only screen and (max-width: 600px){ body #wrap { font-size: 2.1em; } + input[type='number'],input+label { display: block;} } @media only screen and (min-width: 768px){ - label { display:inline-block;width: 12ex; } - body #wrap { font-size: 1.2em; width: 80%; } + label { + display:inline-block; + width: 12ex; + } + body #wrap { + font-size: 1.2em; + } } ---> #wrap { display: inline-block; } - fieldset{ + div fieldset{ margin: 0 auto; max-width: 50ex; padding: 2ex; @@ -29,7 +35,15 @@ legend{ margin-bottom: 0px; } - label{ width: auto !important; } + .radiogroup > legend{ + min-width: 20ex; + display: inline-block; + float: left; + } + .radiogroup > label{ + display: inline; + } + label{ min-width: 20ex; } input[type='number']{text-align:right;} input[readonly='readonly']{background-color:#eee;} h1{ @@ -45,20 +59,48 @@ -
- - - - - - - - - - - -
Eingangsgröße:
Brutto €
Umsatzsteuersatz %
Umsatzsteuer €
Netto €
Entropieumlagesatz %
Entropieumlage €
KoLe €
 
-
+
+ +
+ Eingangsgröße + +
+
+
+ +  € +
+
+ +  % +
+
+ +  € +
+
+ +  € +
+
+ +  % +
+
+ +  € +
+
+ +  € +
+
+
+ +
+ +
+