Fix width of Watcher table. (#30311) (#30755)

elastic · Feb 12, 2019 · e2affc4 · e2affc4
1 parent f333e9f
commit e2affc4
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/x-pack/plugins/watcher/public/index.scss b/x-pack/plugins/watcher/public/index.scss
@@ -25,4 +25,5 @@
 @import 'sections/watch_edit/components/threshold_watch_edit/index';
 @import 'sections/watch_edit/components/watch_edit_detail/index';
 @import 'sections/watch_edit/components/watch_edit_execute_detail/index';
-@import 'sections/watch_edit/components/watch_edit_title_panel/index';
+@import 'sections/watch_edit/components/watch_edit_title_panel/index';
+@import 'sections/watch_list/components/watch_list/index';
diff --git a/x-pack/plugins/watcher/public/sections/watch_list/components/watch_list/_index.scss b/x-pack/plugins/watcher/public/sections/watch_list/components/watch_list/_index.scss
@@ -0,0 +1 @@
+@import './watch_list';
diff --git a/x-pack/plugins/watcher/public/sections/watch_list/components/watch_list/_watch_list.scss b/x-pack/plugins/watcher/public/sections/watch_list/components/watch_list/_watch_list.scss
@@ -0,0 +1,6 @@
+/**
+ * 1. Watch list width collapses without this.
+ */
+.watcherWatchList {
+  width: 100%; /* 1 */
+}
diff --git a/x-pack/plugins/watcher/public/sections/watch_list/components/watch_list/watch_list.html b/x-pack/plugins/watcher/public/sections/watch_list/components/watch_list/watch_list.html
@@ -1,4 +1,4 @@
-<kbn-management-app section="elasticsearch/watcher">
+<kbn-management-app section="elasticsearch/watcher" class="watcherWatchList">
   <div class="euiPanel euiPanel--paddingLarge euiPageContent" style="flex-grow: 0">
     <forbidden-message ng-if="watchList.forbidden">
       {{ 'xpack.watcher.sections.watchList.noPermissionToManageWatchesText' | i18n: { defaultMessage: 'You do not have permission to manage watches.' } }}