From 445405d1ee7dd570c059af119e32962a0a0dce9e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=96=87=E5=AF=8C?= <liwenfu@crossjs.com>
Date: Fri, 3 Apr 2020 15:48:25 +0800
Subject: [PATCH] Update tree-viz.ejs

---
 src/tree-viz.ejs                         | 4 ++--
 tests/e2e/__snapshots__/cli.test.ts.snap | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/tree-viz.ejs b/src/tree-viz.ejs
index 98b5222..87b4a20 100644
--- a/src/tree-viz.ejs
+++ b/src/tree-viz.ejs
@@ -20,7 +20,7 @@
     #content {
       display: flex;
       width: 100%;
-      flex-direction: column;
+      flex-direction: row;
       padding: 15px;
     }
 
@@ -52,7 +52,7 @@
     <div id="header">
       <% if(bundles.length > 1) {%>
         <label for="bundle-select">Bundle:&nbsp;</label>
-        <select id="bundle-select">
+        <select id="bundle-select" size="<%= Math.min(bundles.length, 20) %>">">
         <%_ bundles.forEach((bundle, index) => { _%>
           <option value="<%= index %>"><%= bundle.name %> (<%= bundle.size %>)</option>
         <%_ }); _%>
diff --git a/tests/e2e/__snapshots__/cli.test.ts.snap b/tests/e2e/__snapshots__/cli.test.ts.snap
index 15ee840..ebbebff 100644
--- a/tests/e2e/__snapshots__/cli.test.ts.snap
+++ b/tests/e2e/__snapshots__/cli.test.ts.snap
@@ -21,7 +21,7 @@ exports['CLI should output multiple bundles result as html 1'] = `
     #content {
       display: flex;
       width: 100%;
-      flex-direction: column;
+      flex-direction: row;
       padding: 15px;
     }
 
@@ -53,7 +53,7 @@ exports['CLI should output multiple bundles result as html 1'] = `
     <div id="header">
       
         <label for="bundle-select">Bundle:&nbsp;</label>
-        <select id="bundle-select">
+        <select id="bundle-select" size="3">">
           <option value="0">[combined] (3.63 KB)</option>
           <option value="1">data/foo.min.js (718 B)</option>
           <option value="2">data/inline-map.js (2.93 KB)</option>
@@ -124,7 +124,7 @@ exports['CLI should output result as html 1'] = `
     #content {
       display: flex;
       width: 100%;
-      flex-direction: column;
+      flex-direction: row;
       padding: 15px;
     }