[incubator-streampipes] branch dev updated: [hotfix] Reduce font size in pipeline notification dialog

[ri...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

riemer pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/incubator-streampipes.git


The following commit(s) were added to refs/heads/dev by this push:
     new 23a6205f9 [hotfix] Reduce font size in pipeline notification dialog
23a6205f9 is described below

commit 23a6205f9a27781f7e3cb1812ff4571339b4cd9f
Author: Dominik Riemer <do...@gmail.com>
AuthorDate: Tue Jun 28 20:28:52 2022 +0200

    [hotfix] Reduce font size in pipeline notification dialog
---
 .../pipeline-notifications/pipeline-notifications.component.html    | 6 +++---
 .../pipeline-notifications/pipeline-notifications.component.scss    | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/ui/src/app/pipelines/dialog/pipeline-notifications/pipeline-notifications.component.html b/ui/src/app/pipelines/dialog/pipeline-notifications/pipeline-notifications.component.html
index 65fdce4a0..3812194fc 100644
--- a/ui/src/app/pipelines/dialog/pipeline-notifications/pipeline-notifications.component.html
+++ b/ui/src/app/pipelines/dialog/pipeline-notifications/pipeline-notifications.component.html
@@ -16,10 +16,10 @@
   ~
   -->
 
-<div class="sp-dialog-container">
-    <div class="sp-dialog-content p-15">
+<div class="sp-dialog-container" fxLayout="column">
+    <div class="sp-dialog-content p-15" fxFlex="100" fxLayout="column">
         <div class="info-message">Pipeline health monitoring discovered the following issues:</div>
-        <div class="log-message">
+        <div class="log-message" fxFlex="100" fxLayout="column">
             <span *ngFor="let notification of pipeline.pipelineNotifications">
                 <p>{{notification}}</p>
             </span>
diff --git a/ui/src/app/pipelines/dialog/pipeline-notifications/pipeline-notifications.component.scss b/ui/src/app/pipelines/dialog/pipeline-notifications/pipeline-notifications.component.scss
index 04c6ace81..0a47a46ac 100644
--- a/ui/src/app/pipelines/dialog/pipeline-notifications/pipeline-notifications.component.scss
+++ b/ui/src/app/pipelines/dialog/pipeline-notifications/pipeline-notifications.component.scss
@@ -21,15 +21,15 @@
 
 .log-message {
   background-color: black;
-  font: 1.3rem Inconsolata, monospace;
+  font: 11pt Inconsolata, monospace;
   text-shadow: 0 0 5px #C8C8C8;
   color: white;
   padding: 10px;
-  width: 100%;
+  max-width: 100%;
 }
 
 .info-message {
-  font-size: 1.5rem;
+  font-size: 12pt;
   margin-top: 10px;
   margin-bottom: 5px;
 }