From 401b470ebbdf0948fc8b8c11ddb54a6447ec2164 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Tue, 4 Dec 2018 15:04:55 +0100
Subject: [PATCH] added max-widths to explore start pages boxes

---
 .../datasource/logging/components/LoggingStartPage.tsx        | 2 +-
 .../plugins/datasource/prometheus/components/PromStart.tsx    | 2 +-
 public/sass/components/_infobox.scss                          | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/public/app/plugins/datasource/logging/components/LoggingStartPage.tsx b/public/app/plugins/datasource/logging/components/LoggingStartPage.tsx
index fee64af27ca..b9d951b7d92 100644
--- a/public/app/plugins/datasource/logging/components/LoggingStartPage.tsx
+++ b/public/app/plugins/datasource/logging/components/LoggingStartPage.tsx
@@ -8,7 +8,7 @@ interface Props {
 export default class LoggingStartPage extends PureComponent<Props> {
   render() {
     return (
-      <div className="grafana-info-box">
+      <div className="grafana-info-box grafana-info-box--max-lg">
         <LoggingCheatSheet onClickExample={this.props.onClickExample} />
       </div>
     );
diff --git a/public/app/plugins/datasource/prometheus/components/PromStart.tsx b/public/app/plugins/datasource/prometheus/components/PromStart.tsx
index eed654f7cfa..9acfc534853 100644
--- a/public/app/plugins/datasource/prometheus/components/PromStart.tsx
+++ b/public/app/plugins/datasource/prometheus/components/PromStart.tsx
@@ -8,7 +8,7 @@ interface Props {
 export default class PromStart extends PureComponent<Props> {
   render() {
     return (
-      <div className="grafana-info-box">
+      <div className="grafana-info-box grafana-info-box--max-lg">
         <PromCheatSheet onClickExample={this.props.onClickExample} />
       </div>
     );
diff --git a/public/sass/components/_infobox.scss b/public/sass/components/_infobox.scss
index fb2222dd9db..6f7a7bf86dc 100644
--- a/public/sass/components/_infobox.scss
+++ b/public/sass/components/_infobox.scss
@@ -32,6 +32,10 @@
   a {
     @extend .external-link;
   }
+
+  &--max-lg {
+    max-width: map-get($grid-breakpoints, 'lg');
+  }
 }
 
 .grafana-info-box__close {