Minor desktop css fix

web/desktop.system

@@ -35,6 +35,13 @@
             letter-spacing: -.02em;
         }
 
+        .ui.button{
+            background-color: #eeeeee;
+        }
+
+        .ui.progress{
+            background-color: #eeeeee;
+        }
         
         .backgroundFrame {
             height: 100%;
@@ -701,10 +708,11 @@
         #quickAccessPanel .item{
             padding-left:12px;
             padding-right:12px;
-            padding-top:6px;
-            padding-bottom:2px;
+            padding-top:4px;
+            padding-bottom:4px;
             cursor:pointer;
             border-left: 3px solid transparent;
+            color: #5a5a5a;
         }
 
         #quickAccessPanel .item:hover{
@@ -1017,19 +1025,19 @@
     </div>
 
     <div id="quickAccessPanel" class="" style="display:none;">
-        <div class="ui small single line items">
+        <div class="ui small items" style="margin-bottom: 0;">
             <div class="item">
                 <div class="ui mini image">
                     <img class="usericon" src="img/desktop/system_icon/user.svg">
                 </div>
-                <div class="content">
-                    <div id="username" class="header">User</div>
-                    <div class="meta">
+                <div class="content" style="padding-left: 1em;">
+                    <div id="username" class="header" style="font-weight: 500; font-size: 1.22em;">User</div>
+                    <div class="meta" style="margin-top: 0.15em;">
                         <div id="usergroups">@Users</div>
                     </div>
                 </div>
                 <div class="actions">
-                    <div class="ui button" onclick="logout(); hideToolPanel();">
+                    <div class="ui small button" onclick="logout(); hideToolPanel();">
                         <i class="log out icon"></i> <span locale="quickAccess/logout">Logout</span>
                     </div>
                 </div>
@@ -1054,7 +1062,7 @@
         <div class="item" onclick="fullscreen(); hideToolPanel();" ontouchend="fullscreen(); hideToolPanel();">
             <i class="expand icon"></i> <span locale="quickAccess/fullscreen">Toggle Fullscreen</span>
         </div>
-        <div class="ui divider"></div>
+        <div class="ui divider" style="margin: 0.4em;"></div>
         <div class="item hardware" onclick="restart(); hideToolPanel();" ontouchend="restart(); hideToolPanel();">
             <i class="repeat icon"></i> <span locale="quickAccess/restart">Restart</span>
         </div>

web/script/contextmenu.css

@@ -60,6 +60,10 @@
     padding: 0.6em 1em !important;
 }
 
+.aroz.contextmenu .item:hover{
+    background: rgb(247, 247, 247);
+}
+
 .aroz.contextmenu.visible, .ui.contextmenu.hidden.animating {
     display: block;
 }