From 6afbe2de61e782b2c328001c33a51cd72aca2661 Mon Sep 17 00:00:00 2001
From: cyrilphoenix <cyrilphoenix71@gmail.com>
Date: Wed, 16 Jan 2019 10:15:25 +0100
Subject: [PATCH 1/7] Fix graphics

Fix 2
---
 desktop/js/meross.js          |  2 +-
 desktop/php/meross.php        | 41 +++++++++++++++++------------------
 plugin_info/configuration.php |  2 +-
 3 files changed, 22 insertions(+), 23 deletions(-)

diff --git a/desktop/js/meross.js b/desktop/js/meross.js
index 47e76a3..65180ee 100755
--- a/desktop/js/meross.js
+++ b/desktop/js/meross.js
@@ -99,7 +99,7 @@ function addCmdToTable(_cmd) {
     tr += '<td>';
     if (is_numeric(_cmd.id)) {
         tr += '<a class="btn btn-default btn-xs cmdAction" data-action="configure"><i class="fa fa-cogs"></i></a> ';
-        tr += '<a class="btn btn-default btn-xs cmdAction" data-action="test"><i class="fa fa-rss"></i> {{Tester}}</a>';
+        tr += '<a class="btn btn-default btn-xs cmdAction" data-action="test"><i class="fa fa-rss">&nbsp;&nbsp;</i>{{Tester}}</a>';
     }
     tr += '<i class="fa fa-minus-circle pull-right cmdAction cursor" data-action="remove"></i>';
     tr += '</td>';
diff --git a/desktop/php/meross.php b/desktop/php/meross.php
index 9ac638c..7ac1d69 100755
--- a/desktop/php/meross.php
+++ b/desktop/php/meross.php
@@ -59,7 +59,7 @@
     </div>
 
     <div class="col-lg-10 col-md-9 col-sm-8 eqLogicThumbnailDisplay" style="border-left: solid 1px #EEE; padding-left: 25px;">
-        <legend><i class="fa fa-cog"></i> {{Gestion}}</legend>
+        <legend><i class="fa fa-cog">&nbsp;&nbsp;</i>{{Gestion}}</legend>
         <div class="eqLogicThumbnailContainer">
             <div class="cursor eqLogicAction" data-action="sync" style="text-align: center; background-color : #ffffff; height : 120px;margin-bottom : 10px;padding : 5px;border-radius: 2px;width : 160px;margin-left : 10px;">
                 <i class="fa fa-sync" style="font-size : 6em;color:#33b8cc;"></i>
@@ -80,7 +80,7 @@
 
         <br>
 
-        <legend><i class="fa fa-table"></i> {{Mes Meross}}</legend>
+        <legend><i class="fa fa-table">&nbsp;&nbsp;</i>{{Mes Meross}}</legend>
         <div class="eqLogicThumbnailContainer">
             <?php
                 foreach ($eqLogics as $eqLogic) {
@@ -100,7 +100,7 @@
     </div>
 
     <div class="col-lg-10 col-md-9 col-sm-8 eqLogic" style="display: none;">
-        <section class="content-header">
+        <section class="content-header" style="padding-top:0px">
             <div class="action-bar">
                 <div class="action-group">
                     <a class="btn btn-danger btn-action-bar eqLogicAction" data-action="returnToThumbnailDisplay"><i class="fas fa-chevron-left">&nbsp;&nbsp;</i>Retour</a>
@@ -117,26 +117,27 @@
                 <ul class="nav nav-tabs pull-right" role="tablist">
                     <li role="presentation" class="active">
                         <a href="#eqlogictab" aria-controls="home" role="tab" data-toggle="tab">
-                            <i class="fa fa-tachometer"></i> {{Equipement}}
+                            <i class="fa fa-tachometer">&nbsp;&nbsp;</i>{{Equipement}}
                         </a>
                     </li>
                     <li role="presentation">
                         <a href="#commandtab" aria-controls="profile" role="tab" data-toggle="tab">
-                            <i class="fa fa-list-alt"></i> {{Commandes}}
+                            <i class="fa fa-list-alt">&nbsp;&nbsp;</i>{{Commandes}}
                         </a>
                     </li>
+                    <h4 class="label label-primary pull-right label-sticker">{{ID : }}<span class="eqLogicAttr" data-l1key="id"></span></h4>
+                    <li class="header pull-left"><i class="fas fa-film">&nbsp;&nbsp;</i>{{Edition équipement}}</li>
                 </ul>
                 <div class="tab-content">
                     <div role="tabpanel" class="tab-pane active" id="eqlogictab">
-                        <br />
                         <div class="row">
                         <!-- Configuration -->
                             <div class="col-md-8">
                                 <div class="box box-widget widget-user-2">
                                     <div class="widget-user-header backgroundColor">
-                                        <h3 class="eqlogic-box-title">{{ Configuration équipement }}</h3>
+                                        <h3 class="eqlogic-box-title">{{Configuration équipement}}</h3>
                                     </div>
-                                    <div class="box-body">
+                                    <div class="box-body" style="margin-top:10px">
                                         <form class="form-horizontal">
                                             <fieldset>
                                                 <div class="form-group">
@@ -164,21 +165,21 @@
                                                     <div class="col-sm-9">
                                                         <?php
                                                             foreach (jeedom::getConfiguration('eqLogic:category') as $key => $value) {
-                                                                echo '<label class="checkbox-inline" for="category-' . $key . '">';
-                                                                echo '<input type="checkbox" id="category-' . $key . '" class="eqLogicAttr" data-l1key="category" data-l2key="' . $key . '" />' . $value['name'];
+                                                                echo '<label class="checkbox-inline" for="category-' . $key . '" style="padding-top: 0px">';
+                                                                echo '<input type="checkbox" id="category-' . $key . '" class="eqLogicAttr" data-l1key="category" data-l2key="' . $key . '" />&nbsp;&nbsp;' . $value['name'];
                                                                 echo '</label>';
                                                             }
                                                         ?>
                                                     </div>
                                                 </div>
                                                 <div class="form-group">
-                                                    <label class="col-sm-3 control-label"></label>
+                                                    <label class="col-sm-3 control-label">{{Options}}</label>
                                                     <div class="col-sm-9">
-                                                        <label class="checkbox-inline" for="is-enable">
+                                                        <label class="checkbox-inline" style="padding-top: 0px" for="is-enable">
                                                             <input type="checkbox" class="eqLogicAttr" data-l1key="isEnable" checked="checked" id="is-enable" />
                                                             {{Activer}}
                                                         </label>
-                                                        <label class="checkbox-inline" for="is-visible">
+                                                        <label class="checkbox-inline" style="padding-top: 0px" for="is-visible">
                                                             <input type="checkbox" class="eqLogicAttr" data-l1key="isVisible" checked="checked" id="is-visible" />
                                                             {{Visible}}
                                                         </label>
@@ -217,15 +218,10 @@
                                 </div>
                             </div>
                         <!-- End Informations -->
-                                                        </div>
+                        </div>
 
                     </div>
                     <div role="tabpanel" class="tab-pane" id="commandtab">
-                        <a class="btn btn-success btn-sm cmdAction pull-right" data-action="add" style="margin-top:5px;">
-                            <i class="fa fa-plus-circle"></i> {{Commandes}}
-                        </a>
-                        <br />
-                        <br />
                         <table id="table_cmd" class="table table-bordered table-condensed">
                             <thead>
                                 <tr>
@@ -237,14 +233,17 @@
                             <tbody>
                             </tbody>
                         </table>
+                        <div class="btn btn-success btn-sm cmdAction" data-action="add">
+                            <i class="fa fa-plus-circle">&nbsp;&nbsp;</i>{{Commandes}}
+                        </div>
                     </div>
                 </div>
             </div>
-        </section>                                                
+        </section>
     </div>
 </div>
 
 <?php
 include_file('desktop', 'meross', 'js', 'meross');
 include_file('desktop', 'meross', 'css', 'meross');
-include_file('core', 'plugin.template', 'js');
\ No newline at end of file
+include_file('core', 'plugin.template', 'js');
diff --git a/plugin_info/configuration.php b/plugin_info/configuration.php
index fb2d778..28a71c3 100644
--- a/plugin_info/configuration.php
+++ b/plugin_info/configuration.php
@@ -30,6 +30,7 @@
 
 <form class="form-horizontal">
 <fieldset>
+    <legend>{{Connexion au Cloud Meross}}</legend>
     <div class="col-lg-4 col-lg-offset-4 col-md-6 col-md-offset-3 col-xs-12">
       <div class="form-group">
         <label for="merossEmail">{{Email}}</label>
@@ -53,4 +54,3 @@
     </div>
   </fieldset>
 </form>
-

From ebce8bde4fcc51e38f7159ce86271031c6a34303 Mon Sep 17 00:00:00 2001
From: cyrilphoenix <cyrilphoenix71@gmail.com>
Date: Wed, 16 Jan 2019 10:32:50 +0100
Subject: [PATCH 2/7] little fix

---
 desktop/php/meross.php | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/desktop/php/meross.php b/desktop/php/meross.php
index 7ac1d69..2615703 100755
--- a/desktop/php/meross.php
+++ b/desktop/php/meross.php
@@ -45,8 +45,11 @@
     <div class="col-lg-2 col-md-3 col-sm-4">
         <div class="bs-sidebar">
             <ul id="ul_eqLogic" class="nav nav-list bs-sidenav">
-                <li class="filter" style="margin-bottom: 5px;">
-                    <input class="filter form-control input-sm" placeholder="{{Rechercher}}" style="width: 100%" />
+                <li class="filter">
+                    <div class="input-group">
+                        <div class="input-group-addon"><i class="fas fa-search"></i></div>
+                        <input class="filter form-control" placeholder="{{Rechercher...}}">
+                    </div>
                 </li>
                 <?php
                     foreach ($eqLogics as $eqLogic) {
@@ -58,7 +61,7 @@
         </div>
     </div>
 
-    <div class="col-lg-10 col-md-9 col-sm-8 eqLogicThumbnailDisplay" style="border-left: solid 1px #EEE; padding-left: 25px;">
+    <div class="col-lg-10 col-md-9 col-sm-8 eqLogicThumbnailDisplay" style="border-left: solid 1px #EEE;">
         <legend><i class="fa fa-cog">&nbsp;&nbsp;</i>{{Gestion}}</legend>
         <div class="eqLogicThumbnailContainer">
             <div class="cursor eqLogicAction" data-action="sync" style="text-align: center; background-color : #ffffff; height : 120px;margin-bottom : 10px;padding : 5px;border-radius: 2px;width : 160px;margin-left : 10px;">
@@ -99,7 +102,7 @@
         </div>
     </div>
 
-    <div class="col-lg-10 col-md-9 col-sm-8 eqLogic" style="display: none;">
+    <div class="col-lg-10 col-md-9 col-sm-8 eqLogic" style="display: none;padding-left:0px">
         <section class="content-header" style="padding-top:0px">
             <div class="action-bar">
                 <div class="action-group">
@@ -126,7 +129,7 @@
                         </a>
                     </li>
                     <h4 class="label label-primary pull-right label-sticker">{{ID : }}<span class="eqLogicAttr" data-l1key="id"></span></h4>
-                    <li class="header pull-left"><i class="fas fa-film">&nbsp;&nbsp;</i>{{Edition équipement}}</li>
+                    <li class="header pull-left"><i class="fas fa-pencil-alt">&nbsp;&nbsp;</i>{{Edition équipement}}</li>
                 </ul>
                 <div class="tab-content">
                     <div role="tabpanel" class="tab-pane active" id="eqlogictab">

From 17099468c2afe097b1788c66aff909b2fd47be40 Mon Sep 17 00:00:00 2001
From: cyrilphoenix <cyrilphoenix71@gmail.com>
Date: Wed, 16 Jan 2019 10:36:31 +0100
Subject: [PATCH 3/7] oubli

---
 desktop/php/meross.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/desktop/php/meross.php b/desktop/php/meross.php
index 2615703..7803939 100755
--- a/desktop/php/meross.php
+++ b/desktop/php/meross.php
@@ -169,7 +169,7 @@
                                                         <?php
                                                             foreach (jeedom::getConfiguration('eqLogic:category') as $key => $value) {
                                                                 echo '<label class="checkbox-inline" for="category-' . $key . '" style="padding-top: 0px">';
-                                                                echo '<input type="checkbox" id="category-' . $key . '" class="eqLogicAttr" data-l1key="category" data-l2key="' . $key . '" />&nbsp;&nbsp;' . $value['name'];
+                                                                echo '<input type="checkbox" id="category-' . $key . '" class="eqLogicAttr" data-l1key="category" data-l2key="' . $key . '" />&nbsp;' . $value['name'];
                                                                 echo '</label>';
                                                             }
                                                         ?>

From 4bd9906398577aa7427b0cc167a8574e376183c9 Mon Sep 17 00:00:00 2001
From: cyrilphoenix <cyrilphoenix71@gmail.com>
Date: Wed, 16 Jan 2019 21:39:48 +0100
Subject: [PATCH 4/7] Change search list

---
 desktop/js/meross.js   |  4 ++++
 desktop/php/meross.php | 51 ++++++++++++++++++++++--------------------
 2 files changed, 31 insertions(+), 24 deletions(-)

diff --git a/desktop/js/meross.js b/desktop/js/meross.js
index 65180ee..601bcea 100755
--- a/desktop/js/meross.js
+++ b/desktop/js/meross.js
@@ -77,6 +77,10 @@ $('.eqLogicAction[data-action=sync]').on('click', function () {
     });
 });
 
+$("#bt_displayListEqlogiq").on('click', function () {
+   $('#ListEqlogiq').toggle();
+});
+
 /*
  * Fonction pour l'ajout de commande, appellé automatiquement par plugin.Meross
  */
diff --git a/desktop/php/meross.php b/desktop/php/meross.php
index 7803939..81b519c 100755
--- a/desktop/php/meross.php
+++ b/desktop/php/meross.php
@@ -42,28 +42,9 @@
 ?>
 
 <div class="row row-overflow">
-    <div class="col-lg-2 col-md-3 col-sm-4">
-        <div class="bs-sidebar">
-            <ul id="ul_eqLogic" class="nav nav-list bs-sidenav">
-                <li class="filter">
-                    <div class="input-group">
-                        <div class="input-group-addon"><i class="fas fa-search"></i></div>
-                        <input class="filter form-control" placeholder="{{Rechercher...}}">
-                    </div>
-                </li>
-                <?php
-                    foreach ($eqLogics as $eqLogic) {
-                        $opacity = ($eqLogic->getIsEnable()) ? '' : jeedom::getConfiguration('eqLogic:style:noactive');
-                        echo '<li class="cursor li_eqLogic" data-eqLogic_id="' . $eqLogic->getId() . '" style="' . $opacity . '"><a>' . $eqLogic->getHumanName(true) . '</a></li>';
-                    }
-                    ?>
-            </ul>
-        </div>
-    </div>
-
-    <div class="col-lg-10 col-md-9 col-sm-8 eqLogicThumbnailDisplay" style="border-left: solid 1px #EEE;">
+    <div class="col-lg-12 col-md-9 col-sm-8 eqLogicThumbnailDisplay" style="border-left: solid 1px #EEE;">
         <legend><i class="fa fa-cog">&nbsp;&nbsp;</i>{{Gestion}}</legend>
-        <div class="eqLogicThumbnailContainer">
+        <div class="eqLogicThumbnailContainer form-group">
             <div class="cursor eqLogicAction" data-action="sync" style="text-align: center; background-color : #ffffff; height : 120px;margin-bottom : 10px;padding : 5px;border-radius: 2px;width : 160px;margin-left : 10px;">
                 <i class="fa fa-sync" style="font-size : 6em;color:#33b8cc;"></i>
                 <br>
@@ -81,10 +62,12 @@
             </div>
         </div>
 
-        <br>
-
         <legend><i class="fa fa-table">&nbsp;&nbsp;</i>{{Mes Meross}}</legend>
         <div class="eqLogicThumbnailContainer">
+            <div class="input-group">
+                <div class="input-group-addon"><i class="fas fa-search"></i></div>
+                <input class="filter form-control" placeholder="{{Rechercher...}}" id="in_searchEq">
+            </div>
             <?php
                 foreach ($eqLogics as $eqLogic) {
                     $opacity = ($eqLogic->getIsEnable()) ? '' : jeedom::getConfiguration('eqLogic:style:noactive');
@@ -102,11 +85,31 @@
         </div>
     </div>
 
-    <div class="col-lg-10 col-md-9 col-sm-8 eqLogic" style="display: none;padding-left:0px">
+    <div class="col-lg-2 col-md-3 col-sm-4" id="ListEqlogiq" style="display: none;">
+        <div class="bs-sidebar">
+            <ul id="ul_eqLogic" class="nav nav-list bs-sidenav">
+                <li class="filter">
+                    <div class="input-group">
+                        <div class="input-group-addon"><i class="fas fa-search"></i></div>
+                        <input class="filter form-control" placeholder="{{Rechercher...}}">
+                    </div>
+                </li>
+                <?php
+                    foreach ($eqLogics as $eqLogic) {
+                        $opacity = ($eqLogic->getIsEnable()) ? '' : jeedom::getConfiguration('eqLogic:style:noactive');
+                        echo '<li class="cursor li_eqLogic" data-eqLogic_id="' . $eqLogic->getId() . '" style="' . $opacity . '"><a>' . $eqLogic->getHumanName(true) . '</a></li>';
+                    }
+                    ?>
+            </ul>
+        </div>
+    </div>
+
+    <div class="eqLogic" style="display: none;padding-left:0px">
         <section class="content-header" style="padding-top:0px">
             <div class="action-bar">
                 <div class="action-group">
                     <a class="btn btn-danger btn-action-bar eqLogicAction" data-action="returnToThumbnailDisplay"><i class="fas fa-chevron-left">&nbsp;&nbsp;</i>Retour</a>
+                    <a class="btn btn-action btn-action-bar eqLogicAction" id="bt_displayListEqlogiq"><i class="fas fa-list">&nbsp;&nbsp;</i>Liste</a>
                 </div>
                 <div class="action-group">
                     <a class="btn btn-success eqLogicAction pull-right" data-action="save"><i class="fa fa-check-circle">&nbsp;&nbsp;</i>{{Sauvegarder}}</a>

From 780132b068c3afc4330d768e0aa471dc608c9d52 Mon Sep 17 00:00:00 2001
From: cyrilphoenix <cyrilphoenix71@gmail.com>
Date: Wed, 16 Jan 2019 21:45:08 +0100
Subject: [PATCH 5/7] little fix

---
 desktop/php/meross.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/desktop/php/meross.php b/desktop/php/meross.php
index 81b519c..10f7397 100755
--- a/desktop/php/meross.php
+++ b/desktop/php/meross.php
@@ -88,6 +88,7 @@
     <div class="col-lg-2 col-md-3 col-sm-4" id="ListEqlogiq" style="display: none;">
         <div class="bs-sidebar">
             <ul id="ul_eqLogic" class="nav nav-list bs-sidenav">
+                <legend><i class="fa fa-table">&nbsp;&nbsp;</i>{{Mes Meross}}</legend>
                 <li class="filter">
                     <div class="input-group">
                         <div class="input-group-addon"><i class="fas fa-search"></i></div>

From b7336c87739237c7f4be9d41629e5bde969b3f1e Mon Sep 17 00:00:00 2001
From: cyrilphoenix <cyrilphoenix71@gmail.com>
Date: Thu, 17 Jan 2019 13:51:48 +0100
Subject: [PATCH 6/7] try to clean styles

---
 desktop/css/meross.css | 21 +++++++++++++++++++--
 desktop/php/meross.php | 27 ++++++++++++---------------
 2 files changed, 31 insertions(+), 17 deletions(-)

diff --git a/desktop/css/meross.css b/desktop/css/meross.css
index 60d2582..6c9b427 100644
--- a/desktop/css/meross.css
+++ b/desktop/css/meross.css
@@ -3,10 +3,27 @@
     height: auto;
 }
 
-.eqlogic-box-title {
+.eqlogicBoxTitle {
     margin-top: 5px;
     margin-bottom: 5px;
     font-size: 25px;
     font-weight: 300;
-    color: white
+    color: white;
+}
+
+.eqlogicConfigBtn {
+    text-align: center;
+    background-color : #ffffff;
+    color:#767676;
+    height : 120px;
+    width : 160px;
+    font-size : 5em;
+    display: block;
+}
+
+.eqlogicConfigBtnTitle {
+    font-size : 0.2em;
+    word-break : break-all;
+    white-space : pre-wrap;
+    word-wrap : break-word;
 }
diff --git a/desktop/php/meross.php b/desktop/php/meross.php
index 10f7397..7921432 100755
--- a/desktop/php/meross.php
+++ b/desktop/php/meross.php
@@ -42,23 +42,20 @@
 ?>
 
 <div class="row row-overflow">
-    <div class="col-lg-12 col-md-9 col-sm-8 eqLogicThumbnailDisplay" style="border-left: solid 1px #EEE;">
+    <div class="col-lg-12 col-md-9 col-sm-8 eqLogicThumbnailDisplay">
         <legend><i class="fa fa-cog">&nbsp;&nbsp;</i>{{Gestion}}</legend>
         <div class="eqLogicThumbnailContainer form-group">
-            <div class="cursor eqLogicAction" data-action="sync" style="text-align: center; background-color : #ffffff; height : 120px;margin-bottom : 10px;padding : 5px;border-radius: 2px;width : 160px;margin-left : 10px;">
-                <i class="fa fa-sync" style="font-size : 6em;color:#33b8cc;"></i>
-                <br>
-                <span style="font-size : 1.1em;position:relative; top : 15px;word-break: break-all;white-space: pre-wrap;word-wrap: break-word;">{{ Synchroniser }}</span>
+            <div class="cursor eqLogicAction eqlogicConfigBtn" data-action="sync">
+                <div class="fa fa-sync icon_theme_color"></div>
+                <div class="eqlogicConfigBtnTitle">{{ Synchroniser }}</div>
             </div>
-            <div class="cursor eqLogicAction" data-action="gotoPluginConf" style="text-align: center; background-color : #ffffff; height : 120px;margin-bottom : 10px;padding : 5px;border-radius: 2px;width : 160px;margin-left : 10px;">
-                <i class="fa fa-wrench" style="font-size : 6em;color:#767676;"></i>
-                <br>
-                <span style="font-size : 1.1em;position:relative; top : 15px;word-break: break-all;white-space: pre-wrap;word-wrap: break-word;">{{ Configuration }}</span>
+            <div class="cursor eqLogicAction eqlogicConfigBtn" data-action="gotoPluginConf" >
+                <div class="fa fa-wrench"></div>
+                <div class="eqlogicConfigBtnTitle">{{ Configuration }}</div>
             </div>
-            <div class="cursor" id="bt_healthmeross" style="text-align: center; background-color : #ffffff; height : 120px;margin-bottom : 10px;padding : 5px; border-radius: 2px;width : 160px;margin-left : 10px;">
-                <i class="fa fa-medkit" style="font-size : 6em;color:#767676;"></i>
-                <br>
-                <span style="font-size : 1.1em;position:relative; top : 15px;word-break: break-all;white-space: pre-wrap;word-wrap: break-word;">{{ Santé }}</span>
+            <div class="cursor eqlogicConfigBtn" id="bt_healthmeross">
+                <div class="fa fa-medkit"></div>
+                <div class="eqlogicConfigBtnTitle">{{ Santé }}</div>
             </div>
         </div>
 
@@ -142,7 +139,7 @@
                             <div class="col-md-8">
                                 <div class="box box-widget widget-user-2">
                                     <div class="widget-user-header backgroundColor">
-                                        <h3 class="eqlogic-box-title">{{Configuration équipement}}</h3>
+                                        <h3 class="eqlogicBoxTitle">{{Configuration équipement}}</h3>
                                     </div>
                                     <div class="box-body" style="margin-top:10px">
                                         <form class="form-horizontal">
@@ -203,7 +200,7 @@
                             <div class="col-md-4">
                                 <div class="box box-widget widget-user-2">
                                     <div class="widget-user-header backgroundColor">
-                                        <h3 class="eqlogic-box-title">{{ Informations Meross Cloud }}</h3>
+                                        <h3 class="eqlogicBoxTitle">{{ Informations Meross Cloud }}</h3>
                                     </div>
                                     <div class="box-footer no-padding">
                                         <ul class="nav nav-stacked">

From a5576af16760ed5078182eaf8884b49a116c4721 Mon Sep 17 00:00:00 2001
From: cyrilphoenix <cyrilphoenix71@gmail.com>
Date: Thu, 17 Jan 2019 16:12:53 +0100
Subject: [PATCH 7/7] fix size

---
 desktop/css/meross.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/desktop/css/meross.css b/desktop/css/meross.css
index 6c9b427..62f6b27 100644
--- a/desktop/css/meross.css
+++ b/desktop/css/meross.css
@@ -15,8 +15,8 @@
     text-align: center;
     background-color : #ffffff;
     color:#767676;
-    height : 120px;
-    width : 160px;
+    height : 130px;
+    width : 150px;
     font-size : 5em;
     display: block;
 }