From 6d17667524e4f8ed4f7aef2be7697db5825bb994 Mon Sep 17 00:00:00 2001 From: Jo-Philipp Wich Date: Mon, 23 Mar 2020 22:19:26 +0100 Subject: [PATCH] luci-app-statistics: rework markup and CSS classes for easier styling Signed-off-by: Jo-Philipp Wich --- .../resources/view/statistics/graphs.js | 38 +++++++++++-------- 1 file 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 9da94681d..f1e69b89c 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 -- 2.25.1