style: log container placeholder and nav icon label style tweak

src/components/Logs.js

@@ -61,7 +61,7 @@ export default function Logs() {
       <ContentHeader title="Logs" />
       {logs.length === 0 ? (
         <div className={s0.logPlaceholder}>
-          <div>
+          <div className={s0.logPlaceholderIcon}>
             <Icon id={yacd.id} width={200} height={200} />
           </div>
           <div>No logs yet, hang tight...</div>

src/components/Logs.module.scss

@@ -71,10 +71,14 @@ $heightHeader: 76px;
   align-items: center;
   justify-content: center;
   color: #2d2d30;
-  opacity: 0.3;
 
   div:nth-child(2) {
-    color: #ddd;
+    color: var(--color-text-secondary);
     font-size: 1.4em;
+    opacity: 0.6;
   }
 }
+
+.logPlaceholderIcon {
+  opacity: 0.3;
+}

src/components/SideBar.module.scss

@@ -66,6 +66,10 @@
 
 .label {
   padding-left: 14px;
+  @media (max-width: 768px) {
+    padding-left: 0;
+    padding-top: 5px;
+  }
 }
 
 .themeSwitchContainer {