From 772e7b40ae3205550e5177faed780fa4cc0c140c Mon Sep 17 00:00:00 2001
From: Andreas Huber <bitbucket@lucares.de>
Date: Tue, 29 Oct 2019 17:59:14 +0100
Subject: [PATCH] make left panel narrower

Using Arial, because sans-serif has different
width in Chrome and FF.
---
 .../app/visualization-page/visualization-page.component.scss | 2 +-
 pdb-js/src/styles.scss                                       | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/pdb-js/src/app/visualization-page/visualization-page.component.scss b/pdb-js/src/app/visualization-page/visualization-page.component.scss
index 904debf..205a01f 100644
--- a/pdb-js/src/app/visualization-page/visualization-page.component.scss
+++ b/pdb-js/src/app/visualization-page/visualization-page.component.scss
@@ -14,7 +14,7 @@
     grid:
       "query-box query-box" auto
       "filters results" 1fr
-      / 25em 3fr;
+      / 24em 3fr;
   }
 }
 
diff --git a/pdb-js/src/styles.scss b/pdb-js/src/styles.scss
index e7c40e5..853482a 100644
--- a/pdb-js/src/styles.scss
+++ b/pdb-js/src/styles.scss
@@ -25,7 +25,7 @@ $background-color: #CBD7F4;
 @import 'custom-theme.scss';
 
 *, body {
-  font-family: Arial, sans-serif;
+  font-family: Arial;
   font-size: 14px;
   margin: 0;
   box-sizing: border-box;
@@ -90,12 +90,13 @@ mat-form-field.pdb-form-number {
   width: 5em;
 }
 mat-form-field.pdb-form-mid {
-  width: 9em;
+  width: 8em;
 }
 
 
 .errorPanel {
   padding: 1ex;
   background-color: map-get($mat-red, 100);
+  border-radius: 5px;
 }