style changes

Author: mathertel

css/base.scss

@@ -176,6 +176,7 @@ a:hover {
 h2,
 h3,
 h4 {
+  text-wrap: balance;
   font-family: $u-font-sans-serif;
   font-weight: bold;
 }

css/doc.scss

@@ -98,7 +98,8 @@ img[title='w600'] {
 }
 
 .warning {
-  padding: 0.2rem;
+  margin: 0.2rem;
+  padding: 0.4rem;
   border-radius: 0.4rem;
 }
 

iotstyle.css

@@ -730,6 +730,15 @@ <h3>weatherfeed</h3><svg class="icon">
     </div>
   </div>
 
+  <hr />
+
+  <h2>Colors</h2>
+
+  <div class="panel">
+
+  <a href="https://colors.artyclick.com/color-names-dictionary/color-names/mariner-color/">Mariner Color</a>
+  </div>
+
   <script>
 
     function checkDefaultParameter(a, b = 8) {

iotstyle.css.map

@@ -27,7 +27,9 @@ class DisplayWidgetClass extends GenericWidgetClass {
     }
     sty.width = w + 'px';
     sty.height = h + 'px';
-    if (w > 260) {
+    if (w <= 128) {
+      sty.setProperty('zoom', '2');
+    } else if (w > 260) {
       this.classList.add('wide');
     }
   }