enhance mobile ui

src/main/frontend/components/header.css

@@ -1,5 +1,4 @@
 .cp__header {
-  @apply shadow z-10;
   -webkit-app-region: drag;
 
   padding-top: var(--ls-headbar-inner-top-padding);
@@ -239,8 +238,14 @@ html.is-native-ipad {
          }
     }
 
-    .cp__header > .r {
-        display: flex;
+     .cp__header {
+         > .r {
+             display: flex;
+         }
+
+         a.button {
+             opacity: 1;
+         }
     }
 }
 
@@ -316,10 +321,6 @@ html.is-native-iphone {
     @media (orientation: landscape) {
         --ls-headbar-inner-top-padding: 8px;
         --ls-headbar-height: 2.5rem;
-
-        .cp__header {
-            @apply shadow z-10;
-        }
     }
 }
 
@@ -332,10 +333,6 @@ html.is-native-iphone-without-notch {
 
         --ls-headbar-inner-top-padding: 0px;
         --ls-headbar-height: 2.5rem;
-
-        .cp__header {
-            @apply shadow z-10;
-        }
     }
 }
 
@@ -345,9 +342,5 @@ html.is-zoomed-native-ios {
      @media (orientation: landscape) {
         --ls-headbar-inner-top-padding: 8px;
         --ls-headbar-height: 2.5rem;
-
-        .cp__header {
-            @apply shadow z-10;
-        }
     }
 }