The window to edit filters is mispositioned if the filter is too long

[fdartayre]

Kibana version: 7.0.0

Browser version: Chrome Version 70 and Firefox 60

Describe the bug:
The window to edit filters seems to positioned at the middle of the filter string. When the filter string is too long, the window is pushed to the top left and is not usable.

Screen capture:

Steps to reproduce:
It's easily reproduced with a long DSL query like the one in the screen capture:

long query

{
  "query": {
    "bool": {
      "should": [
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        },
        {
          "match": {
            "service.type": "system"
          }
        }
      ]
    }
  }
}

[elasticmachine]

Pinging @elastic/kibana-design

[elasticmachine]

Pinging @elastic/kibana-app

[cchaos]

This is both an implementation and design issue that hasn't properly dealt with long filter names.

[cchaos]

The EuiBadge fixes are in EUI master, just needs a release and update in Kibana. Then I can port over the pattern fixes into Kibana.