Use Roboto Mono for code blocks & use on imports for all fonts

Signed-off-by: Fabien Le Frapper <contact@fabienlefrapper.me>

Use Roboto Mono for code blocks & use on imports for all fonts
e8f387fa · Fabien Le Frapper · Alex Ellis · 0c85dc97 · e8f387fa · e8f387fa
Commit e8f387fa authored 7 years ago by Fabien Le Frapper Committed by Alex Ellis 7 years ago
--- a/gateway/assets/index.html
+++ b/gateway/assets/index.html
 <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>

--- a/gateway/assets/style/bootstrap.css
+++ b/gateway/assets/style/bootstrap.css
-@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;
+}