Immersive PWA; Mobile commands

src/js/views/Settings.js

@@ -166,14 +166,15 @@ class Settings extends React.Component {
 	    			commands.map(command => {
 	    				return (
 	    					<div className="list__item commands-setup__item" key={command.id}>
-	    						<span className="col col--w90">
+	    						<div className="col col--w90">
 	    							<div className="commands__item commands__item--interactive" onClick={e => this.props.pusherActions.sendCommand(command.id, true)}>
 										<Icon className="commands__item__icon" name={command.icon} />
 										<span className={command.colour+'-background commands__item__background'}></span>
 	    							</div>
-	    							&nbsp;&nbsp;
-	    							{command.command && command.command.url ? command.command.url : "-"}
-	    						</span>
+	    							<div className="commands-setup__item__url commands__item__url">
+	    								{command.command && command.command.url ? command.command.url : "-"}
+	    							</div>
+	    						</div>
 	    						<div className="commands-setup__item__actions">
 	    							<Link className="commands-setup__item__edit-button action" to={global.baseURL+'edit-command/'+command.id}>
 	    								<Icon name="edit" />

src/manifest.json

@@ -1,5 +1,5 @@
 {
-  "manifest_version": 2.6,
+  "manifest_version": 2.7,
   "short_name": "Iris",
   "name": "Iris",
   "icons": [
@@ -27,7 +27,7 @@
   "start_url": "/iris/#/",
   "background_color": "#08d58f",
   "theme_color": "#181818",
-  "display": "fullscreen",
+  "display": "standalone",
   "app": {
     "background": {}
   }

src/scss/views/_artist.scss

@@ -141,11 +141,13 @@
 			}
 
 			&.about {
-				.col.w40,
-				.col.w60 {
-					@include clearfix();
-					width: 100%;
-					float: none;
+				.col {
+					&--w40,
+					&--w60 {
+						@include clearfix();
+						width: 100%;
+						float: none;
+					}
 				}
 				
 				.biography {

src/scss/views/_settings.scss

@@ -39,9 +39,17 @@
 			position: relative;
 
 			.commands__item {
+				float: left;
 				margin-bottom: -5px;
 			}
 
+			&__url {
+				@include one_line_text();
+				max-width: 100%;
+				padding-top: 5px;
+				padding-left: 10px;
+			}
+
 			&__actions {
 				position: absolute;
 				top: 16px;
@@ -82,6 +90,13 @@
 			}
 		}
 
+		.commands-setup {
+			&__item {
+				&__url {
+				}
+			}
+		}
+
 		section {
 			padding: 20px;
 		}