From 8e5b8744907271db6922efa2ca7344310d316f70 Mon Sep 17 00:00:00 2001
From: Lars Jung <lrsjng@gmail.com>
Date: Sat, 16 May 2015 05:05:22 +0200
Subject: [PATCH] Update styles.

---
 src/_h5ai/backend/php/core/class-context.php | 8 ++------
 src/_h5ai/conf/options.json                  | 2 +-
 src/_h5ai/public/css/inc/view/root.less      | 7 +------
 3 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/src/_h5ai/backend/php/core/class-context.php b/src/_h5ai/backend/php/core/class-context.php
index c609a89e..71a4098d 100644
--- a/src/_h5ai/backend/php/core/class-context.php
+++ b/src/_h5ai/backend/php/core/class-context.php
@@ -275,15 +275,11 @@ class Context {
         $html = '<style class="x-head">';
 
         if (sizeof($fonts) > 0) {
-            $html .= '#root, #root input, #root select {font-family: "';
-            $html .= implode('","', $fonts);
-            $html .= '" !important}';
+            $html .= '#root,input,select{font-family:"' . implode('","', $fonts) . '"!important}';
         }
 
         if (sizeof($fonts_mono) > 0) {
-            $html .= '#root pre, #root code {font-family: "';
-            $html .= implode('","', $fonts_mono);
-            $html .= '" !important}';
+            $html .= 'pre,code{font-family:"' . implode('","', $fonts_mono) . '"!important}';
         }
 
         $html .= '</style>';
diff --git a/src/_h5ai/conf/options.json b/src/_h5ai/conf/options.json
index 03e4e9f7..4c1d7902 100644
--- a/src/_h5ai/conf/options.json
+++ b/src/_h5ai/conf/options.json
@@ -29,7 +29,7 @@ Options
     "resources": {
         "scripts": [],
         "styles": [
-            "//fonts.googleapis.com/css?family=Roboto:300,400,700"
+            "//fonts.googleapis.com/css?family=Ubuntu:300,400,700|Ubuntu+Mono:400,700"
         ]
     },
 
diff --git a/src/_h5ai/public/css/inc/view/root.less b/src/_h5ai/public/css/inc/view/root.less
index 5beac0bd..1fda938c 100644
--- a/src/_h5ai/public/css/inc/view/root.less
+++ b/src/_h5ai/public/css/inc/view/root.less
@@ -6,15 +6,10 @@
     right: 0;
     bottom: 0;
     overflow: hidden;
-
-    font-family: @font-family;
-    font-size: @font-size;
-    font-weight: @font-weight;
-    color: @col-text;
     background: @col-back;
 }
 
-input, select {
+#root, input, select {
     font-family: @font-family;
     font-size: @font-size;
     font-weight: @font-weight;