From 4441461354c63a89ce2566bb15517fd07cbadffb Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Thu, 18 Jul 2024 01:02:18 +0200
Subject: [PATCH] [Samsung TV UI] Improved UI style.

---
 .../src/components/panels/TvSamsungWs/Index.vue     | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/platypush/backend/http/webapp/src/components/panels/TvSamsungWs/Index.vue b/platypush/backend/http/webapp/src/components/panels/TvSamsungWs/Index.vue
index e2c1fca448..5cb3cdd423 100644
--- a/platypush/backend/http/webapp/src/components/panels/TvSamsungWs/Index.vue
+++ b/platypush/backend/http/webapp/src/components/panels/TvSamsungWs/Index.vue
@@ -8,8 +8,8 @@
           </button>
         </div>
         <div class="col-4">&nbsp;</div>
-        <div class="col-4">
-          <button @click="power" class="power pull-right" value="power" title="Power Off">
+        <div class="col-4 pull-right">
+          <button @click="power" class="power" value="power" title="Power Off">
             <i class="fas fa-power-off" />
           </button>
         </div>
@@ -278,6 +278,7 @@ export default {
   width: 100%;
   height: 100%;
   display: flex;
+  align-items: center;
   justify-content: center;
 
   .controls {
@@ -293,6 +294,11 @@ export default {
     border-radius: 2em;
     box-shadow: 0 2px 9px 2px #bbb;
 
+    @include until($tablet) {
+      height: calc(100% - 1em);
+      margin: 0;
+    }
+
     @include from($tablet) {
       justify-content: center;
     }
@@ -347,7 +353,10 @@ export default {
   }
 
   .colors {
+    height: 4em;
     text-align: center;
+    border: none;
+    margin-top: -1em;
 
     .color {
       width: 3em;