various small css tweaks

src/renderer/less/elements.less

@@ -1912,6 +1912,7 @@ input[type=checkbox][switch]:checked:active::before {
       // background: #eee;
       background   : transparent;
       color        : #333;
+      font-weight: 600;
 
       &:after {
         opacity: 1;

src/renderer/less/helpers.less

@@ -311,7 +311,8 @@
   .menu-panel-body {
     display: flex;
     flex-flow: column;
-    background: #262626;
+    background: rgb(30 30 30 / 45%);
+    backdrop-filter : blur(32px) saturate(180%);
     position: relative;
     min-width: 200px;
     box-shadow: var(--ciderShadow-Generic);
@@ -322,13 +323,15 @@
     .menu-option {
       text-align: left;
       display: flex;
-      width: 100%;
-      padding: 9px 16px;
+      width: calc(100% - 4px);
+      padding: 8px 10px;
       appearance: none;
       border: 0px;
       font: inherit;
       background: transparent;
       color: inherit;
+      margin: 0 auto;
+      border-radius: 5px;
 
       &:hover {
         background: var(--selected);
@@ -367,6 +370,10 @@
   .menu-body {
     overflow: overlay;
     height: 100%;
+    display: flex;
+    flex-flow: column;
+    gap: 4px;
+    padding: 6px 4px;
   }
 
   .menu-footer {

src/renderer/less/pages.less

@@ -909,7 +909,7 @@
 
     .header-content {
       z-index   : 1;
-      margin-top: -16px;
+      // margin-top: -16px;
     }
 
 
@@ -1052,7 +1052,7 @@
 
   .artist-body {
     padding: 0px var(--contentInnerPadding) 0px var(--contentInnerPadding);
-    margin : -140px 20px;
+    margin : -64px 20px;
 
     .arow {
       display : flex;

src/renderer/style.less

@@ -1085,7 +1085,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
   display: flex;
 
   &-macos {
-    width: 96px;
+    width: 100px;
   }
 }