AccountMenu form data management + layout fixes

app/assets/stylesheets/_notes.scss

@@ -1,4 +1,5 @@
-#notes-column, .notes {
+#notes-column,
+.notes {
   border-left: 1px solid var(--sn-stylekit-border-color);
   border-right: 1px solid var(--sn-stylekit-border-color);
 
@@ -90,7 +91,8 @@
 
     // Autohide scrollbar on Windows.
     @at-root {
-      .windows-web &, .windows-desktop & {
+      .windows-web &,
+      .windows-desktop & {
         overflow-y: hidden;
         &:hover {
           overflow-y: auto;
@@ -98,7 +100,6 @@
         }
       }
     }
-
   }
 
   .note {
@@ -130,13 +131,14 @@
       overflow: hidden;
       text-overflow: ellipsis;
 
-      .default-preview, .plain-preview {
+      .default-preview,
+      .plain-preview {
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 1; /* number of lines to show */
         $line-height: 18px;
-        line-height: $line-height;        /* fallback */
-        max-height: calc(#{$line-height} * 1);       /* fallback */
+        line-height: $line-height; /* fallback */
+        max-height: calc(#{$line-height} * 1); /* fallback */
       }
 
       .html-preview {

app/assets/stylesheets/_stylekit-sub.scss

@@ -1,5 +1,4 @@
 .sn-component {
-
   .sk-notification {
     &.unpadded {
       padding: 0;
@@ -17,9 +16,7 @@
     }
   }
 
-
   .sk-app-bar {
-
     &.dynamic-height {
       min-height: 2rem !important;
       height: inherit !important;
@@ -31,7 +28,16 @@
       border-top: 0;
     }
   }
+}
 
+.sk-horizontal-group.tight > *:not(:first-child) {
+  margin-left: 0.3rem;
+}
+
+.sk-panel-section {
+  &:last-child {
+    padding-bottom: 1rem;
+  }
 }
 
 .sk-panel {
@@ -59,7 +65,7 @@
 
 #session-history-menu {
   .sk-menu-panel .sk-menu-panel-row .sk-sublabel.opaque {
-    opacity: 1.0
+    opacity: 1;
   }
 }
 

app/assets/stylesheets/_tags.scss

@@ -5,7 +5,8 @@
   -khtml-user-select: none;
   -webkit-user-select: none;
 
-  &, #tags-content {
+  &,
+  #tags-content {
     background-color: var(--sn-stylekit-secondary-background-color);
     display: flex;
     flex-direction: column;
@@ -29,11 +30,15 @@
     height: inherit;
 
     // Autohide scrollbar on Windows.
-    // Unfortunately must affect every platform since no way to hide just for Windows.
-    overflow-y: hidden;
-    &:hover {
-      overflow-y: auto;
-      overflow-y: overlay; // overlay is not supported on ff, so keep previous statement up
+    @at-root {
+      .windows-web &,
+      .windows-desktop & {
+        overflow-y: hidden;
+        &:hover {
+          overflow-y: auto;
+          overflow-y: overlay; // overlay is not supported on ff, so keep previous statement up
+        }
+      }
     }
   }
 
@@ -48,7 +53,7 @@
     min-height: 30px;
     padding: 5px 12px;
     cursor: pointer;
-    transition: height .1s ease-in-out;
+    transition: height 0.1s ease-in-out;
     position: relative;
 
     > .tag-info {
@@ -80,7 +85,7 @@
         // Make sure to undo if it's selected (for editing)
         -webkit-user-select: none;
 
-        &.editing  {
+        &.editing {
           -webkit-user-select: text !important;
         }
 
@@ -111,7 +116,7 @@
       margin-bottom: 2px;
 
       &:hover {
-        opacity: 1.0;
+        opacity: 1;
       }
     }
 
@@ -123,9 +128,11 @@
       }
     }
 
-    &:hover:not(.selected), &.selected  {
+    &:hover:not(.selected),
+    &.selected {
       background-color: var(--sn-stylekit-secondary-contrast-background-color);
       color: var(--sn-stylekit-secondary-contrast-foreground-color);
+
       > .title {
         color: var(--sn-stylekit-secondary-contrast-foreground-color);
       }