From 554ca607b33afb343b484676ed6cd069e229e765 Mon Sep 17 00:00:00 2001
From: Robert Pergl <robert@pergl.org>
Date: Fri, 4 Jan 2019 19:13:04 +0100
Subject: [PATCH] dialog panel margin fix

---
 app/assets/css/main.css                       | 4 ++++
 app/view/ufoa/dialogs/associationDialog.js    | 2 +-
 app/view/ufoa/dialogs/entityDialog.js         | 2 +-
 app/view/ufoa/dialogs/generalisationDialog.js | 2 +-
 app/view/ufob/dialogs/dispositionModal.js     | 2 +-
 app/view/ufob/dialogs/eventDialog.js          | 2 +-
 app/view/ufob/dialogs/situationDialog.js      | 2 +-
 7 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index e41267a..849e63f 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -243,6 +243,10 @@ footer {
   z-index: 50;
 }
 
+.dialog-panel {
+  margin-bottom: 0;
+}
+
 .message-box {
   display: none;
   left: 50px;
diff --git a/app/view/ufoa/dialogs/associationDialog.js b/app/view/ufoa/dialogs/associationDialog.js
index 39b0785..cd40699 100644
--- a/app/view/ufoa/dialogs/associationDialog.js
+++ b/app/view/ufoa/dialogs/associationDialog.js
@@ -217,7 +217,7 @@ class AssociationForm extends panels.PaneDialog<Props, State> {
 
   render() {
     return ( 
-      <Panel className="dialog">
+      <Panel className="dialog-panel">
         <Panel.Heading><strong>{`Association ${this.props.association.a_id}`}</strong></Panel.Heading>
         <Panel.Body collapsible={false}>
           {this.renderType()}
diff --git a/app/view/ufoa/dialogs/entityDialog.js b/app/view/ufoa/dialogs/entityDialog.js
index ccf1097..1839bc7 100644
--- a/app/view/ufoa/dialogs/entityDialog.js
+++ b/app/view/ufoa/dialogs/entityDialog.js
@@ -212,7 +212,7 @@ class UfoaNodeForm extends panels.PaneDialog<Props, State> {
 
   render() {
     return ( 
-      <Panel className="dialog">
+      <Panel className="dialog-panel">
         <Panel.Heading><strong>{this.props.ufoaEntity.e_name}</strong></Panel.Heading>
         <Panel.Body collapsible={false}>
           {this.renderEntityType()}
diff --git a/app/view/ufoa/dialogs/generalisationDialog.js b/app/view/ufoa/dialogs/generalisationDialog.js
index b5a349f..68b8aaa 100644
--- a/app/view/ufoa/dialogs/generalisationDialog.js
+++ b/app/view/ufoa/dialogs/generalisationDialog.js
@@ -202,7 +202,7 @@ class GeneralisationsForm extends panels.PaneDialog<Props, State> {
 
   render() {
     return ( 
-      <Panel className="dialog">
+      <Panel className="dialog-panel">
         <Panel.Heading><strong>Generalisation</strong></Panel.Heading>
         <Panel.Body collapsible={false}>
           {this.renderGSet()}
diff --git a/app/view/ufob/dialogs/dispositionModal.js b/app/view/ufob/dialogs/dispositionModal.js
index bdda17e..2f29e0d 100644
--- a/app/view/ufob/dialogs/dispositionModal.js
+++ b/app/view/ufob/dialogs/dispositionModal.js
@@ -125,7 +125,7 @@ class DispositionForm extends React.Component<Props, State> {
   renderEvents() {
     const esIds = this.state.disposition2.d_events_ids;
     return ( 
-      <Panel className="dialog">
+      <Panel>
         <Panel.Heading>Events caused</Panel.Heading>
         <Panel.Body collapsible={false}>
           {esIds.length === 0 ?
diff --git a/app/view/ufob/dialogs/eventDialog.js b/app/view/ufob/dialogs/eventDialog.js
index dbcbf88..d0cda99 100644
--- a/app/view/ufob/dialogs/eventDialog.js
+++ b/app/view/ufob/dialogs/eventDialog.js
@@ -326,7 +326,7 @@ class EventForm extends panels.PaneDialog<Props, State> {
 
   render() {
     return ( 
-      <Panel className="dialog">
+      <Panel className="dialog-panel">
         <Panel.Heading><strong>{this.props.eventB.ev_name}</strong></Panel.Heading>
         <Panel.Body collapsible={false}>
           {this.renderEventName()}
diff --git a/app/view/ufob/dialogs/situationDialog.js b/app/view/ufob/dialogs/situationDialog.js
index 6a2e3e7..09f6bbc 100644
--- a/app/view/ufob/dialogs/situationDialog.js
+++ b/app/view/ufob/dialogs/situationDialog.js
@@ -202,7 +202,7 @@ class SituationForm extends panels.PaneDialog<Props, State> {
 
   render() {
     return ( 
-      <Panel className="dialog">
+      <Panel className="dialog-panel">
         <Panel.Heading><strong>Situation</strong></Panel.Heading>
         <Panel.Body collapsible={false}>
           {this.renderSituationName()}