Tweak track info popup dialog layout.

mopidy_musicbox_webclient/static/css/webclient.css

@@ -264,11 +264,24 @@ span.hostInfo {
     display: table !important;
 }
 
+.info-table thead {
+    visibility: collapse;
+}
+
+.info-table th {
+    border-bottom: none !important;
+}
+
+.info-table tr {
+    border-bottom: 1px solid #f2f2f2
+}
+
 .info-table td {
     color: #555 !important;
     padding: 2px;
-    padding-right: 4px;
+    padding-right: 14px;
-    padding-left: 4px;
+    padding-left: 14px;
+    border: none !important;
 }
 
 .info-table td.label {
@@ -482,11 +495,17 @@ span.hostInfo {
     font-weight: normal;
 }
 
-.popupDialog {
+.popupDialog,
+.popupDialog-full-width {
     padding: 10px;
     text-align: center;
 }
 
+.popupDialog-full-width {
+    padding-left: 0;
+    padding-right: 0;
+}
+
 /*dont hide clear buttons in text input */
 .ui-input-clear-hidden {
     display: block !important;

mopidy_musicbox_webclient/static/index.html

@@ -251,9 +251,8 @@
     </form>
 </div><!--/confirm delete stream-->
 
-<div data-role="popup" data-theme="b" id="popupShowInfo" class="popupDialog">
+<div data-role="popup" data-theme="b" id="popupShowInfo" class="popupDialog-full-width">
     <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
-    <form>
     <table data-role="table" data-mode="reflow" class="ui-responsive table-stroke info-table">
         <thead>
             <tr>
@@ -292,7 +291,6 @@
             </tr>
         </tbody>
     </table>
-    </form>
 </div><!--/show track info-->
 
 <div data-role="header" data-tap-toggle="false" id="header" data-position="fixed" class="header-breakpoint headerbtn">

mopidy_musicbox_webclient/static/mb.appcache

@@ -1,6 +1,6 @@
 CACHE MANIFEST
 
-# 2017-01-08:v1
+# 2017-01-14:v1
 
 NETWORK:
 *