From 3598b8c44c84165e282aeff234f51417c3c54f96 Mon Sep 17 00:00:00 2001
From: Nathan Reese <reese.nathan@gmail.com>
Date: Wed, 8 Apr 2020 11:24:04 -0600
Subject: [PATCH] [Maps] fix attribution overflow with exit full screen button
 (#62699)

* [Maps] fix attribution overflow with exit full screen button

* use margin-left instead of padding-left

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
---
 .../attribution_control/_attribution_control.scss          | 4 ++++
 .../widget_overlay/attribution_control/index.js            | 2 ++
 .../widget_overlay/attribution_control/view.js             | 7 ++++++-
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/_attribution_control.scss b/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/_attribution_control.scss
index 9ebaee57fba4db..e319535b4a45ca 100644
--- a/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/_attribution_control.scss
+++ b/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/_attribution_control.scss
@@ -4,3 +4,7 @@
   pointer-events: all;
   padding-left: $euiSizeM;
 }
+
+.mapAttributionControl__fullScreen {
+  margin-left: $euiSizeXXL * 4;
+}
diff --git a/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/index.js b/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/index.js
index e73a51ffa2ced9..8bad536b39245a 100644
--- a/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/index.js
+++ b/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/index.js
@@ -7,10 +7,12 @@
 import { connect } from 'react-redux';
 import { AttributionControl } from './view';
 import { getLayerList } from '../../../selectors/map_selectors';
+import { getIsFullScreen } from '../../../selectors/ui_selectors';
 
 function mapStateToProps(state = {}) {
   return {
     layerList: getLayerList(state),
+    isFullScreen: getIsFullScreen(state),
   };
 }
 
diff --git a/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/view.js b/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/view.js
index 161b5b81c12554..8f11d1b23376c9 100644
--- a/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/view.js
+++ b/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/view.js
@@ -7,6 +7,7 @@
 import React, { Fragment } from 'react';
 import _ from 'lodash';
 import { EuiText, EuiLink } from '@elastic/eui';
+import classNames from 'classnames';
 
 export class AttributionControl extends React.Component {
   state = {
@@ -86,7 +87,11 @@ export class AttributionControl extends React.Component {
       return null;
     }
     return (
-      <div className="mapAttributionControl">
+      <div
+        className={classNames('mapAttributionControl', {
+          mapAttributionControl__fullScreen: this.props.isFullScreen,
+        })}
+      >
         <EuiText size="xs">
           <small>
             <strong>{this._renderAttributions()}</strong>