luci-app-statistics: rework markup and CSS classes for easier styling

Signed-off-by: Jo-Philipp Wich <jo@mein.io>

1 files changed, 22 insertions, 16 deletions

diff --git a/applications/luci-app-statistics/htdocs/luci-static/resources/view/statistics/graphs.js b/applications/luci-app-statistics/htdocs/luci-static/resources/view/statistics/graphs.js
index 9da94681d2..f1e69b89ce 100644
--- a/applications/luci-app-statistics/htdocs/luci-static/resources/view/statistics/graphs.js
+++ b/applications/luci-app-statistics/htdocs/luci-static/resources/view/statistics/graphs.js
@@ -200,24 +200,30 @@ return L.view.extend({
 		var view = E([], [
 			E('h2', {}, [ _('Statistics') ]),
 			E('div', {}, [
-				E('div', {}, [
-					hostSel,
-					E('button', {
-						'class': 'cbi-button cbi-button-apply',
-						'click': ui.createHandlerFn(this, 'updateGraphs', hostSel, spanSel, timeSel, graphDiv, )
-					}, [ _('Display Host »') ]),
+				E('p', { 'class': 'controls' }, [
+					E('span', { 'class': 'nowrap' }, [
+						hostSel,
+						E('button', {
+							'class': 'cbi-button cbi-button-apply',
+							'click': ui.createHandlerFn(this, 'updateGraphs', hostSel, spanSel, timeSel, graphDiv, )
+						}, [ _('Display Host »') ]),
+					]),
 					' ',
-					spanSel,
-					E('button', {
-						'class': 'cbi-button cbi-button-apply',
-						'click': ui.createHandlerFn(this, 'updateGraphs', hostSel, spanSel, timeSel, graphDiv)
-					}, [ _('Display timespan »') ]),
+					E('span', { 'class': 'nowrap' }, [
+						spanSel,
+						E('button', {
+							'class': 'cbi-button cbi-button-apply',
+							'click': ui.createHandlerFn(this, 'updateGraphs', hostSel, spanSel, timeSel, graphDiv)
+						}, [ _('Display timespan »') ]),
+					]),
 					' ',
-					timeSel,
-					E('button', {
-						'class': 'cbi-button cbi-button-apply',
-						'click': ui.createHandlerFn(this, 'togglePolling', hostSel, spanSel, timeSel, graphDiv)
-					}, [ _('Apply interval »') ])
+					E('span', { 'class': 'nowrap' }, [
+						timeSel,
+						E('button', {
+							'class': 'cbi-button cbi-button-apply',
+							'click': ui.createHandlerFn(this, 'togglePolling', hostSel, spanSel, timeSel, graphDiv)
+						}, [ _('Apply interval »') ])
+					])
 				]),
 				E('hr'),
 				graphDiv