diff --git a/web/skins/classic/css/classic/views/watch.css b/web/skins/classic/css/classic/views/watch.css index d1f435f7d..28bda54ef 100644 --- a/web/skins/classic/css/classic/views/watch.css +++ b/web/skins/classic/css/classic/views/watch.css @@ -1,37 +1,17 @@ @import url(../control.css); -#menuBar { - margin: 6px auto 4px; - text-align: center; +#header { + display: flex; + justify-content: space-between; } -#menuBar #monitorName { - float: left; +#menuControls { + display: flex; + align-items: center; } -#menuBar #closeControl { - float: right; -} - -#menuBar #menuControls { - margin: 0 auto; - width: 60%; -} - -#menuBar #menuControls #controlControl { - float: left; -} - -#menuBar #menuControls #eventsControl { - float: left; -} - -#menuBar #menuControls #settingsControl { - float: right; -} - -#menuBar #menuControls #scaleControl { - margin: 0 auto; +#menuControls div { + margin: 0 0 0 1em; } #imageFeed{ diff --git a/web/skins/classic/css/dark/views/watch.css b/web/skins/classic/css/dark/views/watch.css index d1f435f7d..28bda54ef 100644 --- a/web/skins/classic/css/dark/views/watch.css +++ b/web/skins/classic/css/dark/views/watch.css @@ -1,37 +1,17 @@ @import url(../control.css); -#menuBar { - margin: 6px auto 4px; - text-align: center; +#header { + display: flex; + justify-content: space-between; } -#menuBar #monitorName { - float: left; +#menuControls { + display: flex; + align-items: center; } -#menuBar #closeControl { - float: right; -} - -#menuBar #menuControls { - margin: 0 auto; - width: 60%; -} - -#menuBar #menuControls #controlControl { - float: left; -} - -#menuBar #menuControls #eventsControl { - float: left; -} - -#menuBar #menuControls #settingsControl { - float: right; -} - -#menuBar #menuControls #scaleControl { - margin: 0 auto; +#menuControls div { + margin: 0 0 0 1em; } #imageFeed{ diff --git a/web/skins/classic/css/flat/views/watch.css b/web/skins/classic/css/flat/views/watch.css index 5fec8ec82..ef7937db2 100644 --- a/web/skins/classic/css/flat/views/watch.css +++ b/web/skins/classic/css/flat/views/watch.css @@ -1,37 +1,17 @@ @import url(../control.css); -#menuBar { - margin: 6px auto 4px; - text-align: center; +#header { + display: flex; + justify-content: space-between; } -#menuBar #monitorName { - float: left; +#menuControls { + display: flex; + align-items: center; } -#menuBar #closeControl { - float: right; -} - -#menuBar #menuControls { - margin: 0 auto; - width: 60%; -} - -#menuBar #menuControls #controlControl { - float: left; -} - -#menuBar #menuControls #eventsControl { - float: left; -} - -#menuBar #menuControls #settingsControl { - float: right; -} - -#menuBar #menuControls #scaleControl { - margin: 0 auto; +#menuControls div { + margin: 0 0 0 1em; } #imageFeed{ diff --git a/web/skins/classic/views/watch.php b/web/skins/classic/views/watch.php index e09146915..bc3353319 100644 --- a/web/skins/classic/views/watch.php +++ b/web/skins/classic/views/watch.php @@ -62,10 +62,8 @@ xhtmlHeaders( __FILE__, $monitor->Name()." - ".translate('Feed') );
-
- +
$scale) ); ?>