Mobile tidy-up to horizontal scrolling tabs

mopidy_iris/static/app.css

@@ -3547,7 +3547,7 @@ select {
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  display: block;
+  display: flex;
   padding-bottom: 12px; }
   .field::after {
     content: "";
@@ -3556,14 +3556,12 @@ select {
   .field > .name {
     display: block;
     padding-top: 10px;
-    width: 20%;
-    float: left; }
+    width: 20%; }
     .field > .name .icon {
       font-size: 0.9em;
       margin-bottom: 0.3em; }
   .field > .input {
-    width: 80%;
-    float: left; }
+    width: 80%; }
     .field > .input input,
     .field > .input select,
     .field > .input textarea {
@@ -3573,12 +3571,12 @@ select {
       padding: 10px 14px 10px 0; }
     .field > .input .icon {
       margin-bottom: -3px; }
-  .field--condensed > .name {
-    width: auto;
-    float: none; }
-  .field--condensed > .input {
-    width: auto;
-    float: none; }
+  .field--condensed {
+    display: block; }
+    .field--condensed > .name {
+      width: auto; }
+    .field--condensed > .input {
+      width: auto; }
   .field .label .tooltip {
     left: -4px; }
   .field.sub-field {
@@ -3650,15 +3648,15 @@ select {
     color: rgba(0, 0, 0, 0.6); }
 
 @media (max-width: 799px) {
-  .field .name {
-    float: none;
-    width: auto;
-    padding: 0 0 4px 0; }
-  .field .input {
-    float: none;
-    width: auto; }
-    .field .input .text {
-      padding: 0 20px 0 0; } }
+  .field {
+    display: block; }
+    .field .name {
+      width: auto;
+      padding: 0 0 4px 0; }
+    .field .input {
+      width: auto; }
+      .field .input .text {
+        padding: 0 20px 0 0; } }
 
 @media (max-width: 799px) {
   body.context-menu-open .body {
@@ -6233,8 +6231,7 @@ main header {
 
 .services .menu__inner {
   display: flex;
-  flex-wrap: wrap;
-  margin: 0 -5px; }
+  margin: 0 0 0 -5px; }
 
 .services .menu .menu-item {
   -webkit-transition: none !important;
@@ -6316,7 +6313,6 @@ main header {
         width: 0px;
         height: 0px; }
       .services .menu__inner {
-        width: 700px;
         padding: 0 20px; }
       .services .menu .menu-item {
         width: 140px; }
@@ -6386,6 +6382,9 @@ main header {
   background: #2c2c2c; }
   .snapcast__group .field:last-child {
     padding-bottom: 0; }
+  .snapcast__group .no-results {
+    padding: 20px 20px 30px 20px;
+    font-size: 1rem; }
   .light-theme .snapcast__group {
     background: #e3ded8; }
   .snapcast__group__volume-control {

mopidy_iris/static/app.js

@@ -47629,7 +47629,7 @@ module.exports = hoistNonReactStatics;
 /*!***************************************************************!*\
   !*** ./node_modules/react-router-dom/esm/react-router-dom.js ***!
   \***************************************************************/
-/*! exports provided: BrowserRouter, HashRouter, Link, NavLink, MemoryRouter, Prompt, Redirect, Route, Router, StaticRouter, Switch, __RouterContext, generatePath, matchPath, useHistory, useLocation, useParams, useRouteMatch, withRouter */
+/*! exports provided: MemoryRouter, Prompt, Redirect, Route, Router, StaticRouter, Switch, __RouterContext, generatePath, matchPath, useHistory, useLocation, useParams, useRouteMatch, withRouter, BrowserRouter, HashRouter, Link, NavLink */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -65341,17 +65341,6 @@ var OutputControl = function (_React$Component) {
         local_streaming = _react2.default.createElement(
           'div',
           { className: 'output-control__item outputs__item--icecast' },
-          _react2.default.createElement(
-            'div',
-            { className: 'output-control__item__actions' },
-            _react2.default.createElement(
-              'span',
-              { className: 'output-control__item__action', onClick: function onClick(e) {
-                  return _this2.props.coreActions.cachebustHttpStream();
-                } },
-              _react2.default.createElement(_Icon2.default, { name: 'refresh' })
-            )
-          ),
           _react2.default.createElement(
             'div',
             { className: 'output-control__item__name' },
@@ -65360,6 +65349,13 @@ var OutputControl = function (_React$Component) {
           _react2.default.createElement(
             'div',
             { className: 'output-control__item__controls' },
+            _react2.default.createElement(
+              'span',
+              { className: 'output-control__item__action', onClick: function onClick(e) {
+                  return _this2.props.coreActions.cachebustHttpStream();
+                } },
+              _react2.default.createElement(_Icon2.default, { name: 'refresh' })
+            ),
             _react2.default.createElement(_VolumeControl2.default, {
               className: 'output-control__item__volume',
               volume: this.props.http_streaming_volume,
@@ -65480,7 +65476,7 @@ var OutputControl = function (_React$Component) {
 var mapStateToProps = function mapStateToProps(state, ownProps) {
   return {
     http_streaming_enabled: state.core.http_streaming_enabled,
-    http_streaming_volume: parseInt(state.core.http_streaming_volume),
+    http_streaming_volume: parseInt(state.core.http_streaming_volume) || 50,
     http_streaming_mute: state.core.http_streaming_mute,
     pusher_connected: state.pusher.connected,
     snapcast_enabled: state.pusher.config ? state.pusher.config.snapcast_enabled : null,
@@ -70666,7 +70662,11 @@ var SnapcastClients = function SnapcastClients(_ref) {
   }
 
   if (!clients || clients.length <= 0) {
-    return null;
+    return _react2.default.createElement(
+      'p',
+      { className: 'no-results' },
+      'No clients'
+    );
   }
 
   return _react2.default.createElement(

mopidy_iris/static/index.html

@@ -100,7 +100,7 @@
 
 	// Release details
 	// These are automatically injected to built HTML
-	var build = "1574041941";
+	var build = "1574369066";
 	var version = "3.42.2";
 
 	// Construct the script tag