removed old manualRenderer and renamed the _rework

Author: EliDeh

signaturenDruck/css/manual.css

@@ -1,49 +1,33 @@
-body {
+html {
+  overflow-x: scroll !important;
+}
+html, body {
   background-color: RGB(240, 240, 240);
   font-family: "Arial";
   font-size: 10pt;
+  line-height: initial;
 }
 
-#container {
-  overflow: hidden;
-}
-#leftside {
-  float: left;
-}
-#rightside {
-  float: right;
-}
-
-#inputBox {
-  float: left;
-  margin-top: 5px;
-  text-align: center;
-}
-
-#editorBox > input {
-  margin: 1px;
-  width: 210px;
-  font-size: medium;
+p:after {
+  content:"";
+  display:inline-block;
+  width:0px;
 }
 
-#lineSelectBox {
-  margin: 5px 15px 5px 15px;
-  text-align: center;
-  font-size: 15px;
+hr {
+  border-width: 1px;
+  border-style: inset;
+  margin: 8px 0;
 }
 
 .button {
   background-color: white;
   color: black;
-  border: 2px solid grey;
   padding: 5px;
   margin: 2px 0px 2px 0px;
-  text-align: center;
-  font-weight: bold;
 }
 
 .button:hover:enabled {
-  background-color: grey;
   cursor: pointer;
 }
 
@@ -52,73 +36,89 @@ body {
   color: grey;
 }
 
+.noIndent > p {
+  margin-left: 0px !important;
+}
+
 #btn_saveAndExit, #btn_deleteAndExit {
   width: 100%;
 }
 
-#btn_previous {
-  width: 79px;
+#container {
+  overflow: hidden;
 }
 
-#editorBox {
-  height: 156px;
+#counter {
+  font-size: large;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+  text-align: center;
 }
 
-#previewBox {
-  margin: 5px !important;
+#editorBox {
+  height: auto;
 }
 
-#counter {
-  font-size: large;
+#editorBox > input {
+  margin: 2px;
 }
 
-.center > .previewLine {
-  font-size: 15pt;
-  margin: 0pt;
+#inputBox {
+  margin-top: 5px;
   text-align: center;
 }
 
-.center>p#line1 {
-  margin-top: 30px;
+#previewBox {
+  display: flex;
+  float: none;
 }
-
-.previewLine {
-  white-space: pre;
-  margin: 0px;
-  font-size: 16pt;
-  padding-top: 0px;
-  padding-bottom: 0px;
+#rightside {
+  margin-top: 5px;
 }
 
-.indent > .previewLine {
-  margin-left: 45%;
+#outerColumns.columns {
+  margin-left: 4px;
+  margin-right: 4px;
+  margin-bottom: 5px;
 }
-
-p#line1 {
-  margin-top: 6px;
+#outerColumns.columns > .column:first-of-type {
+  padding-right: 3px;
 }
-
-#line1,
-#line2,
-#line3,
-#line6 {
-  font-weight: bold;
+#outerColumns.columns > .column:last-of-type {
+  padding-left: 2px;
 }
 
-#previewBox {
-  border: 1px solid black;
-  background-color: white;
-  margin: 5px 0px 5px 5px;
-  border-radius: 2px;
-  font-family: "Arial Narrow";
+#btn_grp_1 {
+  margin: 3px 0;
 }
-
-.big {
-  width: 80mm;
-  height: 43mm;
+.column.is-one-third > button {
+  width: 100%;
+  margin: 0px;
+}
+.column.is-one-third {
+  padding: 0px;
+}
+.columns > .column.is-one-third:first-of-type {
+  padding: 0px;
+}
+.columns > .column.is-one-third {
+  padding: 0 2px;
+}
+.columns > .column.is-one-third:last-of-type {
+  padding: 0px;
 }
 
-.small {
-  width: 74mm;
-  height: 23mm;
-}
+.level {
+  justify-content: normal;
+}
+.level-right {
+  margin-left: 10px;
+}
+#label_format {
+  margin-right: 85px;
+}
+#label_chkbx_removeIndent {
+  margin-right: 23px;
+}