From 7d6b01c20b618f63ee19c778bb0b470c74aacea9 Mon Sep 17 00:00:00 2001
From: Adler Luiz <adlerluiz10@gmail.com>
Date: Fri, 7 Aug 2020 16:29:02 -0300
Subject: [PATCH] :sparkles: Improve remote control server

---
 README.md                        |  4 ++--
 electron-builder-deploy64.yml    |  4 +++-
 electron-builder.yml             |  4 +++-
 electron-builder64.yml           |  2 ++
 package.json                     |  6 +++---
 src/providers/companionServer.js | 15 ++++++++++++---
 6 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index 22a70f005..90a9daeae 100644
--- a/README.md
+++ b/README.md
@@ -6,8 +6,8 @@
 
 # YouTube Music Desktop App
 
-<img alt="window" src="https://ytmdesktop.app/img/product/main_3.png" width="500px">
-<img alt="settings" src="https://ytmdesktop.app/img/product/settings.png" width="430px">
+<img alt="window" src="https://ytmdesktop.app/img/product/main_5.png">
+&nbsp;
 
 # Available for
 
diff --git a/electron-builder-deploy64.yml b/electron-builder-deploy64.yml
index 4daa83b83..855b62eef 100644
--- a/electron-builder-deploy64.yml
+++ b/electron-builder-deploy64.yml
@@ -12,7 +12,9 @@ files:
   - '!package.json'
   - '!package-lock.json'
   - '!.cache'
-
+  - '!app-update.yml'
+  - '!dev-app-update.yml'
+  
 protocols:
   name: YouTube Music Desktop
   schemes: [ytmd]
diff --git a/electron-builder.yml b/electron-builder.yml
index 3e67d95b4..c4f60a02e 100644
--- a/electron-builder.yml
+++ b/electron-builder.yml
@@ -12,7 +12,9 @@ files:
   - '!package.json'
   - '!package-lock.json'
   - '!.cache'
-
+  - '!app-update.yml'
+  - '!dev-app-update.yml'
+  
 protocols:
   name: YouTube Music Desktop
   schemes: [ytmd]
diff --git a/electron-builder64.yml b/electron-builder64.yml
index d3151fef0..047b5291b 100644
--- a/electron-builder64.yml
+++ b/electron-builder64.yml
@@ -12,6 +12,8 @@ files:
   - '!package.json'
   - '!package-lock.json'
   - '!.cache'
+  - '!app-update.yml'
+  - '!dev-app-update.yml'
 
 protocols:
   name: YouTube Music Desktop
diff --git a/package.json b/package.json
index ac8740a6e..4dd164563 100644
--- a/package.json
+++ b/package.json
@@ -7,9 +7,9 @@
         "start": "electron .",
         "rebuild": "electron-rebuild -f",
         "postinstall": "npx electron-builder install-app-deps",
-        "deploy:win": "npx electron-builder --win -p always --config electron-builder-deploy64.yml",
-        "deploy:mac": "npx electron-builder --mac -p always --config electron-builder-deploy64.yml",
-        "deploy:lin": "npx electron-builder --linux -p always --config electron-builder-deploy64.yml",
+        "deploy:win": "npx electron-builder --win --config electron-builder-deploy64.yml",
+        "deploy:mac": "npx electron-builder --mac --config electron-builder-deploy64.yml",
+        "deploy:lin": "npx electron-builder --linux --config electron-builder-deploy64.yml",
         "publish:win": "npx electron-builder --win -p always --config electron-builder64.yml",
         "publish:mac": "npx electron-builder --mac -p always --config electron-builder64.yml",
         "publish:lin": "npx electron-builder --linux -p always --config electron-builder64.yml"
diff --git a/src/providers/companionServer.js b/src/providers/companionServer.js
index d532e40a3..e6c37bee3 100644
--- a/src/providers/companionServer.js
+++ b/src/providers/companionServer.js
@@ -59,7 +59,7 @@ var serverFunction = function (req, res) {
             qr.make()
 
             collection += `
-                          <div class="row" style="margin-top: 10px;">
+                          <div class="center row" >
                               <div class="col s12">
                                   <div class="card transparent z-depth-0">
                                       <div class="card-content">
@@ -96,7 +96,7 @@ var serverFunction = function (req, res) {
               <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
               <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
               <style>
-                  html, body {
+                  html {
                       margin: 0;
                       padding: 0;
                       text-align: center;
@@ -106,10 +106,19 @@ var serverFunction = function (req, res) {
                   h5 {
                       margin: 1rem 0 1rem 0 !important;
                   }
+
+                  .center {
+                    width: 68%;
+                    /*height: 400px;*/
+                    position: absolute;
+                    left: 50%;
+                    top: 48%;
+                    transform: translate(-50%, -50%);
+                  }
               </style>
           </head>
           <body>              
-              <h3 class="red-text">YTMDesktop Remote Control</h3>
+              <h4 class="white-text">YTMDesktop Remote Control</h4>
               
               <div class="row" style="height: 0; visibility: ${
                   infoPlayerProvider.getTrackInfo().id ? 'visible' : 'hidden'