From e8f387fa47e812a79f18011b62c1a7d532d86d69 Mon Sep 17 00:00:00 2001
From: Fabien Le Frapper <contact@fabienlefrapper.me>
Date: Tue, 22 Aug 2017 13:50:20 +0200
Subject: [PATCH] Use Roboto Mono for code blocks & use on imports for all
 fonts

Signed-off-by: Fabien Le Frapper <contact@fabienlefrapper.me>
---
 gateway/assets/index.html          | 8 ++++----
 gateway/assets/style/bootstrap.css | 7 ++++---
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/gateway/assets/index.html b/gateway/assets/index.html
index 4fa9c76c..335fe944 100644
--- a/gateway/assets/index.html
+++ b/gateway/assets/index.html
@@ -1,7 +1,7 @@
 <html ng-app="faasGateway">
 
-<head>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic" />
+  <head>
+    <link href="https://fonts.googleapis.com/css?family=Rationale|Roboto+Mono|Roboto:300,400,400i,500,700" rel="stylesheet">
     <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css">
     <!-- Angular Material CSS now available via Google CDN; version 1.0.7 used here -->
     <link rel="stylesheet" href="style/angular-material.min.css">
@@ -104,7 +104,7 @@
                             <div layout-gt-sm="row">
                                 <md-input-container class="md-block" flex-gt-sm>
                                     <label>Request body</label>
-                                    <textarea ng-model="invocation.request" cols="80" rows="4"></textarea>
+                                    <textarea ng-model="invocation.request" class="monospace" cols="80" rows="4"></textarea>
                                 </md-input-container>
                             </div>
                             <div layout-gt-sm="row">
@@ -116,7 +116,7 @@
                             <div layout-gt-sm="row">
                                 <md-input-container class="md-block" flex-gt-sm>
                                     <label>Response body</label>
-                                    <textarea ng-model="invocationResponse" cols="80" rows=10></textarea>
+                                    <textarea ng-model="invocationResponse" class="monospace" cols="80" rows=10></textarea>
                                 </md-input-container>
                             </div>
                             <md-card-title-text>
diff --git a/gateway/assets/style/bootstrap.css b/gateway/assets/style/bootstrap.css
index 9180312c..8b6a7d74 100644
--- a/gateway/assets/style/bootstrap.css
+++ b/gateway/assets/style/bootstrap.css
@@ -1,6 +1,3 @@
-@import url('https://fonts.googleapis.com/css?family=Rationale');
-
-
 /*Taken from PWD, remove styles not used.*/
 
 .selected button {
@@ -48,3 +45,7 @@ md-input-container .md-errors-spacer {
     height: 0;
     min-height: 0;
 }
+
+.monospace {
+  font-family: 'Roboto Mono', monospace;
+}
-- 
GitLab