[Discover] Add responsive layout

src/plugins/discover/public/application/_discover.scss

@@ -36,6 +36,13 @@ discover-app {
   flex-grow: 1;
   display: flex;
   overflow: hidden;
+  @include euiBreakpoint('xs', 's') {
+    flex-grow: 0;
+    flex-wrap: wrap;
+    margin-left: 0;
+    margin-right: 0;
+    overflow-y: auto;
+  }
 }
 
 .dscApp__sidebar {
@@ -86,6 +93,15 @@ discover-app {
   display: flex;
   overflow: hidden;
 
+  @include euiBreakpoint('m', 'l', 'xl') {
+    margin-right: $euiSize;
+    margin-bottom: $euiSize;
+  }
+
+  @include euiBreakpoint('xs', 's') {
+    margin: $euiSizeS;
+  }
+
   .kbn-table {
     margin-bottom: 0;
   }
@@ -208,7 +224,7 @@ discover-app {
     z-index: -1;
     min-height: $euiSizeM;
     min-width: $euiSizeM;
-    padding: $euiSizeXS * .5;
+    padding: $euiSizeXS * 0.5;
   }
 
   &.closed {

src/plugins/discover/public/application/angular/directives/_no_results.scss

@@ -1,3 +1,6 @@
 .dscNoResults {
+  @include euiBreakpoint('xs', 's') {
+    padding: 0 $euiSizeS;
+  }
   max-width: 1000px;
 }

src/plugins/discover/public/application/components/discover.scss

@@ -11,3 +11,21 @@
     }
   }
 }
+
+.dscSidebar__mobile {
+  width: 100%;
+  padding: 0 $euiSizeS $euiSizeS;
+  .dscSidebar__sectionStatic {
+    padding: 0;
+  }
+  .dscSidebar__mobileButton {
+    justify-content: space-between;
+  }
+  .dscSidebar__mobileBadge {
+    margin-left: $euiSizeXS;
+  }
+}
+
+.dscSidebarFlyout__header {
+  align-items: center;
+}