fix fontSize change

Author: SmokyBob

index.html

@@ -63,8 +63,7 @@
         text="{{code}}" 
         language="{{language}}" 
         on-tap="selPrettyCode" 
-        class$="[[_computedDestinationClass(theme)]]"
-        style="overflow:auto"></prettify-element>
+        class$="[[_computedDestinationClass(theme)]]"></prettify-element>
     </div>
   </template>
 

main.js

@@ -114,7 +114,9 @@ mainContent.ptChange = function(newVal) {
   mainContent.fontPx = ptToPx(newVal.detail.value) + 'px';
 
   //AutoGrow Text Area
-  mainContent.$.agTa.style.fontSize = mainContent.fontPx;
+  mainContent.$.agTa.style.fontSize = mainContent.fontPx;//Done to avoid errors in Polymer library... TODO:open Issue?
+  //--paper-input-container-input
+  mainContent.$.agTa.customStyle['--paper-input-container-input'] = {'font-size': mainContent.fontPx};
 
   //Pre Element
   if (mainContent.$.destination.shadowRoot) {

styles.html

@@ -15,15 +15,6 @@
     color: #000;
   }
 
-  paper-textarea {
-    width: 100%;
-    min-height: 90px;
-    max-height: 50%;
-    
-    font-family: Inconsolata;
-    font-size: 20px;/*= 15pt, more info http://kyleschaeffer.com/development/css-font-size-em-vs-px-vs-pt-vs/*/
-  }
-  
   paper-input.theme-dark {
     --paper-input-container-input-color: #fff;
   }
@@ -32,6 +23,16 @@
     --paper-input-container-input-color: #000;
   }
 
+  paper-textarea {
+    width: auto;
+    min-height: 90px;
+    max-height: 50%;
+    --paper-input-container-input: {
+      font-family: Inconsolata;
+      font-size: 20px;/*= 15pt, more info http://kyleschaeffer.com/development/css-font-size-em-vs-px-vs-pt-vs/*/
+    };
+  }
+  
   paper-textarea.theme-dark {
     background-color: #300;
     --paper-input-container-input-color: #fff;
@@ -52,7 +53,8 @@
   }
 
   prettify-element {
-    --prettify-pre: {
+    overflow: auto;
+    --prettify-code-pre: {
       font-family: Inconsolata;
       font-size: 20px;
       background-color:transparent;