dialog panel margin fix

CCMi-FIT · Jan 4, 2019 · 554ca60 · 554ca60
1 parent 8f7b490
commit 554ca60
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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()}