More UI fixes

2022-03-30 01:43:59 +02:00 · 2022-03-30 01:43:59 +02:00 · e261dcc27a
commit e261dcc27a
parent d0790aaba3
93 changed files with 112 additions and 104 deletions
--- a/platypush/backend/http/webapp/dist/index.html
+++ b/platypush/backend/http/webapp/dist/index.html
@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>platypush</title><script defer="defer" type="module" src="/static/js/chunk-vendors.5adf1720.js"></script><script defer="defer" type="module" src="/static/js/app.f7ae2c87.js"></script><link href="/static/css/chunk-vendors.5cf89a0c.css" rel="stylesheet"><link href="/static/css/app.d92849a2.css" rel="stylesheet"><script defer="defer" src="/static/js/chunk-vendors-legacy.cc8c0644.js" nomodule></script><script defer="defer" src="/static/js/app-legacy.4cc2e832.js" nomodule></script></head><body><noscript><strong>We're sorry but platypush doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>platypush</title><script defer="defer" type="module" src="/static/js/chunk-vendors.5adf1720.js"></script><script defer="defer" type="module" src="/static/js/app.dc899f71.js"></script><link href="/static/css/chunk-vendors.5cf89a0c.css" rel="stylesheet"><link href="/static/css/app.1dc7c54a.css" rel="stylesheet"><script defer="defer" src="/static/js/chunk-vendors-legacy.cc8c0644.js" nomodule></script><script defer="defer" src="/static/js/app-legacy.76804b66.js" nomodule></script></head><body><noscript><strong>We're sorry but platypush doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
--- a/platypush/backend/http/webapp/dist/static/css/1406.afcee9f8.css
+++ b/platypush/backend/http/webapp/dist/static/css/1406.afcee9f8.css
--- a/platypush/backend/http/webapp/dist/static/css/1406.b63ad2b2.css
+++ b/platypush/backend/http/webapp/dist/static/css/1406.b63ad2b2.css
--- a/platypush/backend/http/webapp/dist/static/css/1474.38bd57b3.css
+++ b/platypush/backend/http/webapp/dist/static/css/1474.38bd57b3.css
--- a/platypush/backend/http/webapp/dist/static/css/1798.15ae24c2.css
+++ b/platypush/backend/http/webapp/dist/static/css/1798.15ae24c2.css
--- a/platypush/backend/http/webapp/dist/static/css/2285.ad343290.css
+++ b/platypush/backend/http/webapp/dist/static/css/2285.ad343290.css
--- a/platypush/backend/http/webapp/dist/static/css/2346.2463f061.css
+++ b/platypush/backend/http/webapp/dist/static/css/2346.2463f061.css
--- a/platypush/backend/http/webapp/dist/static/css/2380.9e3dc401.css
+++ b/platypush/backend/http/webapp/dist/static/css/2380.9e3dc401.css
--- a/platypush/backend/http/webapp/dist/static/css/2790.a1653085.css
+++ b/platypush/backend/http/webapp/dist/static/css/2790.a1653085.css
--- a/platypush/backend/http/webapp/dist/static/css/2790.a6bceb20.css
+++ b/platypush/backend/http/webapp/dist/static/css/2790.a6bceb20.css
--- a/platypush/backend/http/webapp/dist/static/css/2844.800f687c.css
+++ b/platypush/backend/http/webapp/dist/static/css/2844.800f687c.css
--- a/platypush/backend/http/webapp/dist/static/css/2989.d24593b1.css
+++ b/platypush/backend/http/webapp/dist/static/css/2989.d24593b1.css
--- a/platypush/backend/http/webapp/dist/static/css/345.e5205d12.css
+++ b/platypush/backend/http/webapp/dist/static/css/345.e5205d12.css
--- a/platypush/backend/http/webapp/dist/static/css/3785.732c1a25.css
+++ b/platypush/backend/http/webapp/dist/static/css/3785.732c1a25.css
--- a/platypush/backend/http/webapp/dist/static/css/4021.5b05062a.css
+++ b/platypush/backend/http/webapp/dist/static/css/4021.5b05062a.css
--- a/platypush/backend/http/webapp/dist/static/css/4196.3314409a.css
+++ b/platypush/backend/http/webapp/dist/static/css/4196.3314409a.css
--- a/platypush/backend/http/webapp/dist/static/css/4196.a9750be6.css
+++ b/platypush/backend/http/webapp/dist/static/css/4196.a9750be6.css
--- a/platypush/backend/http/webapp/dist/static/css/4276.dabd6792.css
+++ b/platypush/backend/http/webapp/dist/static/css/4276.dabd6792.css
--- a/platypush/backend/http/webapp/dist/static/css/4604.5f1175fd.css
+++ b/platypush/backend/http/webapp/dist/static/css/4604.5f1175fd.css
--- a/platypush/backend/http/webapp/dist/static/css/4604.b8e9d24e.css
+++ b/platypush/backend/http/webapp/dist/static/css/4604.b8e9d24e.css
--- a/platypush/backend/http/webapp/dist/static/css/4764.0108f611.css
+++ b/platypush/backend/http/webapp/dist/static/css/4764.0108f611.css
--- a/platypush/backend/http/webapp/dist/static/css/4764.8b813daf.css
+++ b/platypush/backend/http/webapp/dist/static/css/4764.8b813daf.css
--- a/platypush/backend/http/webapp/dist/static/css/4826.84aefbe2.css
+++ b/platypush/backend/http/webapp/dist/static/css/4826.84aefbe2.css
--- a/platypush/backend/http/webapp/dist/static/css/5193.13c81a5e.css
+++ b/platypush/backend/http/webapp/dist/static/css/5193.13c81a5e.css
--- a/platypush/backend/http/webapp/dist/static/css/5210.529a1106.css
+++ b/platypush/backend/http/webapp/dist/static/css/5210.529a1106.css
--- a/platypush/backend/http/webapp/dist/static/css/5466.43123e5f.css
+++ b/platypush/backend/http/webapp/dist/static/css/5466.43123e5f.css
--- a/platypush/backend/http/webapp/dist/static/css/5528.d24593b1.css
+++ b/platypush/backend/http/webapp/dist/static/css/5528.d24593b1.css
--- a/platypush/backend/http/webapp/dist/static/css/5779.151abc0f.css
+++ b/platypush/backend/http/webapp/dist/static/css/5779.151abc0f.css
--- a/platypush/backend/http/webapp/dist/static/css/5779.bfbfba1d.css
+++ b/platypush/backend/http/webapp/dist/static/css/5779.bfbfba1d.css
--- a/platypush/backend/http/webapp/dist/static/css/5824.1c47696a.css
+++ b/platypush/backend/http/webapp/dist/static/css/5824.1c47696a.css
--- a/platypush/backend/http/webapp/dist/static/css/5824.30fea61c.css
+++ b/platypush/backend/http/webapp/dist/static/css/5824.30fea61c.css
--- a/platypush/backend/http/webapp/dist/static/css/6003.44c25abf.css
+++ b/platypush/backend/http/webapp/dist/static/css/6003.44c25abf.css
--- a/platypush/backend/http/webapp/dist/static/css/6003.537b8174.css
+++ b/platypush/backend/http/webapp/dist/static/css/6003.537b8174.css
--- a/platypush/backend/http/webapp/dist/static/css/6013.b759a161.css
+++ b/platypush/backend/http/webapp/dist/static/css/6013.b759a161.css
--- a/platypush/backend/http/webapp/dist/static/css/615.9345da0d.css
+++ b/platypush/backend/http/webapp/dist/static/css/615.9345da0d.css
--- a/platypush/backend/http/webapp/dist/static/css/6162.93bc56df.css
+++ b/platypush/backend/http/webapp/dist/static/css/6162.93bc56df.css
--- a/platypush/backend/http/webapp/dist/static/css/6162.c4ae620b.css
+++ b/platypush/backend/http/webapp/dist/static/css/6162.c4ae620b.css
--- a/platypush/backend/http/webapp/dist/static/css/6590.6b3834aa.css
+++ b/platypush/backend/http/webapp/dist/static/css/6590.6b3834aa.css
--- a/platypush/backend/http/webapp/dist/static/css/6739.0806e33e.css
+++ b/platypush/backend/http/webapp/dist/static/css/6739.0806e33e.css
--- a/platypush/backend/http/webapp/dist/static/css/6833.79e8e039.css
+++ b/platypush/backend/http/webapp/dist/static/css/6833.79e8e039.css
--- a/platypush/backend/http/webapp/dist/static/css/6833.fb1de1e4.css
+++ b/platypush/backend/http/webapp/dist/static/css/6833.fb1de1e4.css
--- a/platypush/backend/http/webapp/dist/static/css/6849.0108f611.css
+++ b/platypush/backend/http/webapp/dist/static/css/6849.0108f611.css
--- a/platypush/backend/http/webapp/dist/static/css/6849.8b813daf.css
+++ b/platypush/backend/http/webapp/dist/static/css/6849.8b813daf.css
--- a/platypush/backend/http/webapp/dist/static/css/6899.93bc56df.css
+++ b/platypush/backend/http/webapp/dist/static/css/6899.93bc56df.css
--- a/platypush/backend/http/webapp/dist/static/css/6899.c4ae620b.css
+++ b/platypush/backend/http/webapp/dist/static/css/6899.c4ae620b.css
--- a/platypush/backend/http/webapp/dist/static/css/7029.00f26c36.css
+++ b/platypush/backend/http/webapp/dist/static/css/7029.00f26c36.css
--- a/platypush/backend/http/webapp/dist/static/css/7262.a64828e8.css
+++ b/platypush/backend/http/webapp/dist/static/css/7262.a64828e8.css
--- a/platypush/backend/http/webapp/dist/static/css/7420.96e7a781.css
+++ b/platypush/backend/http/webapp/dist/static/css/7420.96e7a781.css
--- a/platypush/backend/http/webapp/dist/static/css/747.afcee9f8.css
+++ b/platypush/backend/http/webapp/dist/static/css/747.afcee9f8.css
--- a/platypush/backend/http/webapp/dist/static/css/747.b63ad2b2.css
+++ b/platypush/backend/http/webapp/dist/static/css/747.b63ad2b2.css
--- a/platypush/backend/http/webapp/dist/static/css/7643.37555567.css
+++ b/platypush/backend/http/webapp/dist/static/css/7643.37555567.css
--- a/platypush/backend/http/webapp/dist/static/css/8589.1a239bc8.css
+++ b/platypush/backend/http/webapp/dist/static/css/8589.1a239bc8.css
--- a/platypush/backend/http/webapp/dist/static/css/8589.c2bad8c7.css
+++ b/platypush/backend/http/webapp/dist/static/css/8589.c2bad8c7.css
--- a/platypush/backend/http/webapp/dist/static/css/8880.ad343290.css
+++ b/platypush/backend/http/webapp/dist/static/css/8880.ad343290.css
--- a/platypush/backend/http/webapp/dist/static/css/8938.b88fd3f0.css
+++ b/platypush/backend/http/webapp/dist/static/css/8938.b88fd3f0.css
--- a/platypush/backend/http/webapp/dist/static/css/9196.ba7be78c.css
+++ b/platypush/backend/http/webapp/dist/static/css/9196.ba7be78c.css
--- a/platypush/backend/http/webapp/dist/static/css/9575.523e1abc.css
+++ b/platypush/backend/http/webapp/dist/static/css/9575.523e1abc.css
--- a/platypush/backend/http/webapp/dist/static/css/9694.33ea8402.css
+++ b/platypush/backend/http/webapp/dist/static/css/9694.33ea8402.css
--- a/platypush/backend/http/webapp/dist/static/css/9978.00f26c36.css
+++ b/platypush/backend/http/webapp/dist/static/css/9978.00f26c36.css
--- a/platypush/backend/http/webapp/dist/static/css/app.1dc7c54a.css
+++ b/platypush/backend/http/webapp/dist/static/css/app.1dc7c54a.css
--- a/platypush/backend/http/webapp/dist/static/css/app.d92849a2.css
+++ b/platypush/backend/http/webapp/dist/static/css/app.d92849a2.css
--- a/platypush/backend/http/webapp/dist/static/js/4196-legacy.89b93a84.js
+++ b/platypush/backend/http/webapp/dist/static/js/4196-legacy.89b93a84.js
--- a/platypush/backend/http/webapp/dist/static/js/4196-legacy.89b93a84.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/4196-legacy.89b93a84.js.map
--- a/platypush/backend/http/webapp/dist/static/js/4196.630e670c.js
+++ b/platypush/backend/http/webapp/dist/static/js/4196.630e670c.js
--- a/platypush/backend/http/webapp/dist/static/js/4196.630e670c.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/4196.630e670c.js.map
--- a/platypush/backend/http/webapp/dist/static/js/4604-legacy.986bbad3.js
+++ b/platypush/backend/http/webapp/dist/static/js/4604-legacy.986bbad3.js
--- a/platypush/backend/http/webapp/dist/static/js/4604-legacy.986bbad3.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/4604-legacy.986bbad3.js.map
--- a/platypush/backend/http/webapp/dist/static/js/4604.ac359b97.js
+++ b/platypush/backend/http/webapp/dist/static/js/4604.ac359b97.js
--- a/platypush/backend/http/webapp/dist/static/js/4604.ac359b97.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/4604.ac359b97.js.map
--- a/platypush/backend/http/webapp/dist/static/js/4764.55084bfb.js
+++ b/platypush/backend/http/webapp/dist/static/js/4764.55084bfb.js
--- a/platypush/backend/http/webapp/dist/static/js/4764.55084bfb.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/4764.55084bfb.js.map
--- a/platypush/backend/http/webapp/dist/static/js/6833-legacy.72c66805.js
+++ b/platypush/backend/http/webapp/dist/static/js/6833-legacy.72c66805.js
--- a/platypush/backend/http/webapp/dist/static/js/6833-legacy.72c66805.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/6833-legacy.72c66805.js.map
--- a/platypush/backend/http/webapp/dist/static/js/6833.cc55832d.js
+++ b/platypush/backend/http/webapp/dist/static/js/6833.cc55832d.js
--- a/platypush/backend/http/webapp/dist/static/js/6833.cc55832d.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/6833.cc55832d.js.map
--- a/platypush/backend/http/webapp/dist/static/js/6849-legacy.317026cd.js
+++ b/platypush/backend/http/webapp/dist/static/js/6849-legacy.317026cd.js
--- a/platypush/backend/http/webapp/dist/static/js/6849-legacy.317026cd.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/6849-legacy.317026cd.js.map
--- a/platypush/backend/http/webapp/dist/static/js/6899.0f42d5c8.js
+++ b/platypush/backend/http/webapp/dist/static/js/6899.0f42d5c8.js
--- a/platypush/backend/http/webapp/dist/static/js/6899.0f42d5c8.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/6899.0f42d5c8.js.map
--- a/platypush/backend/http/webapp/dist/static/js/7029-legacy.22d2270b.js
+++ b/platypush/backend/http/webapp/dist/static/js/7029-legacy.22d2270b.js
--- a/platypush/backend/http/webapp/dist/static/js/7029-legacy.22d2270b.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/7029-legacy.22d2270b.js.map
--- a/platypush/backend/http/webapp/dist/static/js/779-legacy.f24c7394.js
+++ b/platypush/backend/http/webapp/dist/static/js/779-legacy.f24c7394.js
--- a/platypush/backend/http/webapp/dist/static/js/779-legacy.f24c7394.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/779-legacy.f24c7394.js.map
--- a/platypush/backend/http/webapp/dist/static/js/9978.96bd5026.js
+++ b/platypush/backend/http/webapp/dist/static/js/9978.96bd5026.js
--- a/platypush/backend/http/webapp/dist/static/js/9978.96bd5026.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/9978.96bd5026.js.map
--- a/platypush/backend/http/webapp/dist/static/js/app-legacy.76804b66.js
+++ b/platypush/backend/http/webapp/dist/static/js/app-legacy.76804b66.js
--- a/platypush/backend/http/webapp/dist/static/js/app-legacy.76804b66.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/app-legacy.76804b66.js.map
--- a/platypush/backend/http/webapp/dist/static/js/app.dc899f71.js
+++ b/platypush/backend/http/webapp/dist/static/js/app.dc899f71.js
--- a/platypush/backend/http/webapp/dist/static/js/app.dc899f71.js.map
+++ b/platypush/backend/http/webapp/dist/static/js/app.dc899f71.js.map
--- a/platypush/backend/http/webapp/src/components/Media/Controls.vue
+++ b/platypush/backend/http/webapp/src/components/Media/Controls.vue
@ -400,11 +400,12 @@ button {

    .buttons {
      height: 50%;
+      margin-bottom: .5em;
      align-items: center;
    }

    button {
-      padding: 0;
+      padding: 0.5em;
      margin: 0 .75em;

      .play-pause {
@ -438,10 +439,13 @@ button {

  .pull-right {
    button {
-      padding: 0;
+      padding: 0.5em;
    }

    .volume-container {
+      align-items: center;
+      margin-top: -1.25em;
+
      button {
        background: none;
      }
@ -454,7 +458,7 @@ button {

  .volume-slider {
    width: 75%;
-    margin-right: 1rem;
+    margin-right: .5em;
  }
 }

--- a/platypush/backend/http/webapp/src/components/elements/Dropdown.vue
+++ b/platypush/backend/http/webapp/src/components/elements/Dropdown.vue
@ -97,7 +97,7 @@ export default {
 <style lang="scss" scoped>
 .dropdown-container {
  position: relative;
-  display: flex;
+  display: inline-flex;
  flex-direction: column;

  .dropdown {
--- a/platypush/backend/http/webapp/src/components/elements/DropdownItem.vue
+++ b/platypush/backend/http/webapp/src/components/elements/DropdownItem.vue
@ -55,7 +55,7 @@ export default {
  }

  .icon {
-    margin: 0 .5rem;
+    margin: 0 .5em;
  }
 }
 </style>
--- a/platypush/backend/http/webapp/src/style/components.scss
+++ b/platypush/backend/http/webapp/src/style/components.scss
@ -9,6 +9,10 @@ button, .btn, .btn-default {
    color: $selected-fg;
    border: $selected-border;
  }
+
+  .icon {
+    margin-right: .5em;
+  }
 }

 input[type=text], input[type=password] {