added file_fontsize preference

debomatic-webui/lib/config.js

@@ -23,6 +23,7 @@ config.web.preferences.autoscroll = true
 config.web.preferences.header = true
 config.web.preferences.sidebar = true
 config.web.preferences.file_background = true
+config.web.preferences.file_fontsize = 13 // valid values are [13..16]
 config.web.preferences.debug = 0      // debug level - 0 means disabled
 
 // DO NOT EDIT these ones

debomatic-webui/public/javascripts/page_distribution.js

@@ -381,6 +381,7 @@ function Page_Distrubion(socket)
     if (! config.preferences.file_background) {
       $("#file pre").addClass("no-background")
     }
+    $("#file pre").css('font-size', config.preferences.file_fontsize)
   }
   
   var select = function() {

debomatic-webui/public/stylesheets/style.css

@@ -113,15 +113,15 @@ footer {
   font-size: 15px;
 }
 
-#preferences .debug #debug {
-  width: 58px;
+#preferences .select select {
+  width: 68px;
   float:left;
   margin-right: 10px;
 }
 
-#preferences .debug label {
+#preferences .select label {
   font-weight: normal;
-  padding-top: 6px;
+  line-height: 35px;
 }
 
 #file .no-background {

debomatic-webui/views/preferences.ejs

@@ -21,7 +21,9 @@
 
         <dt>File background</dt><dd>Remove file background if it makes you uncomfortable while reading a log.</dd>
 
-        <dt class="debug">Debug level</dt><dd class="debug">Set debug level, please take a look at <a href="/javascripts/debug.js">debug.js</a> for more information. Level <code>0</code> means no debug.</dd>
+        <dt>File font-size</dt><dd>Increase the font size for files content.</dd>
+
+        <dt class="debug">Debug level</dt><dd class="debug">Set debug level, please take a look at <a href="/javascripts/debug.js">debug.js</a> for more information. Level <code>0</code> means no debug. Please <strong>DO NOT</strong> set debug if you do not really need it. Debug can affect perfomance.</dd>
       </dl>
 
       </section>
@@ -54,7 +56,16 @@
             <input id="file_background" type="checkbox"> Enable file background
           </label>
         </div>
-        <div class="debug">
+        <div class="select">
+          <select id="file_fontsize" class="form-control">
+            <option>13</option>
+            <option>14</option>
+            <option>15</option>
+            <option>16</option>
+          </select>
+          <label for="debug">File font-size</label>
+        </div>
+        <div class="select debug">
           <select id="debug" class="form-control">
             <option>0</option>
             <option>1</option>
@@ -62,7 +73,7 @@
             <option>3</option>
             <option>4</option>
           </select>
-          <label for="debug">Set debug level</label>
+          <label for="debug">Debug level</label>
         </div>
       </div>
     </div> <!-- /#prefernces -->