Style tweaks

src/main/frontend/components/page.cljs

@@ -884,7 +884,7 @@
              [:a.button.journal
               {:class    (util/classnames [{:active (boolean @*journal?)}])
                :on-click #(reset! *journal? (not @*journal?))}
-              (ui/icon "calendar")])]
+              (ui/icon "calendar" {:style {:fontSize ui/icon-size}})])]
 
            [:div.paginates
             [:span.flex.items-center

src/main/frontend/components/page.css

@@ -119,6 +119,7 @@
       font-size: 16px;
       display: inline-block;
       position: relative;
+      transform: none;
     }
 
     .l {
@@ -133,9 +134,11 @@
     .r {
       font-size: 14px;
 
-      a.journal {
+      a.button {
         color: var(--ls-primary-text-color);
         margin-top: 1px;
+        height: unset;
+        padding: 4px;
 
         &.active {
           opacity: 1;
@@ -194,7 +197,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 0 5px 0 0;
+    padding: 0 4px;
 
     > span {
       color: var(--ls-primary-text-color);

src/main/frontend/components/plugins.css

@@ -70,7 +70,6 @@
       .ti {
         margin-right: 4px;
       }
-
       .ui__dropdown-trigger {
         .ti-circle {
           visibility: hidden;

src/main/frontend/components/sidebar.css

@@ -100,7 +100,6 @@
       margin-right: 8px;
       opacity: .6;
       position: relative;
-      top: -1px;
     }
 
     &.active, &:active {