Lepsi formatovatelnost

[mirrors/Designs.git] / tools / din_rail_module_label_generator.html

diff --git a/tools/din_rail_module_label_generator.html b/tools/din_rail_module_label_generator.html
index 7c5408d3db805396742ba4f21f50336fdcac283c..e6c0de9143bfb6f5cfe33b275d5b839eb3e07dc8 100644 (file)
--- a/tools/din_rail_module_label_generator.html
+++ b/tools/din_rail_module_label_generator.html
@@ -5,12 +5,16 @@
 <style>
 /* DIN Rail Modules are 17.5mm wide, but mounted with 18mm pitch to accomodate differences */
 
-* { font-family: sans-serif; font-weight: normal; font-size: 98%; }
+table,h1 { font-family: sans-serif; font-weight: normal; font-size: 3.8mm; line-height: 5.2mm; }
+small { font-size: 2.5mm; line-height: 2.5mm; }
+small small { font-size: 2mm; line-height: 1.9mm; }
+td * { display: block; }
 td {
        border: 1px solid black; width: 18mm; height: 16mm; 
        text-align: center; padding: 0; overflow: hidden;
-       display: flex; float: left; margin-bottom: 10mm; box-sizing: border-box;
+       display: flex-wrap; float: left; margin-bottom: 10mm; box-sizing: border-box;
        justify-content: center; /* align-items: center; */
+       white-space: pre-line;
 }
 td:not(:last-child) { border-right: 0px solid red; }
 td[colspan="2"] { width: calc(2 * 18mm); }
@@ -71,8 +75,9 @@ Copy-paste these icons: &#x1F4E1; &#x1F310; &#x1F514; &#x1F4FA; &#x1F4DE; &#x1F5
 </tr>
 
 <tr>
-<td></td>
-<td></td>
+<td><small>Very long and tiny text that is really important to have on your breaker box!</small></td>
+<td>Warning!<small><small>Very long and tiny text that is really important to have on your breaker box!</small></small></td>
+<td><b>Bold</b> <i>Italic</i> <u>Under</u></td>
 <td></td>
 <td></td>
 <td></td>