small changes

static/css/wiki.css

@@ -122,6 +122,10 @@ button { cursor: pointer; }
   text-decoration: line-through;
 }
 
+.EasyMDEContainer .editor-toolbar button.rw-mde-save {
+  display: none;
+}
+
 .EasyMDEContainer .CodeMirror,
 .EasyMDEContainer .CodeMirror-scroll,
 .EasyMDEContainer .editor-preview-side {
@@ -222,6 +226,62 @@ body {
   padding: 18px 16px 28px;
 }
 
+.sidebar-toggle {
+  display: grid;
+  width: 34px;
+  height: 34px;
+  margin: -8px -8px 8px auto;
+  place-items: center;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  background: transparent;
+  color: var(--wiki-link);
+}
+
+.sidebar-toggle:hover,
+.sidebar-toggle:focus-visible {
+  background: #fff;
+  border-color: var(--wiki-border);
+  outline: 0;
+}
+
+.sidebar-toggle svg {
+  width: 18px;
+  height: 18px;
+  stroke-width: 1.8;
+}
+
+body.sidebar-collapsed #app {
+  grid-template-columns: 52px minmax(0, 1fr);
+}
+
+body.sidebar-collapsed #sidebar {
+  padding: 12px 8px;
+  overflow: hidden;
+}
+
+body.sidebar-collapsed #sidebar > :not(#sidebar-toggle):not(.sidebar-icon-nav) {
+  display: none;
+}
+
+body.sidebar-collapsed #sidebar .sidebar-toggle {
+  margin: 0 auto;
+}
+
+body.sidebar-collapsed #sidebar .sidebar-icon-nav {
+  flex-direction: column;
+  margin: 14px 0 0;
+}
+
+body.sidebar-collapsed #sidebar .sidebar-icon-link {
+  width: 36px;
+}
+
+body.sidebar-collapsed #sidebar .sidebar-icon-link + .sidebar-icon-link {
+  border-top: 1px solid #c8cbd0;
+  border-left: 0;
+}
+
 .brand {
   display: block;
   color: #111;
@@ -909,6 +969,10 @@ body.editor-mode .EasyMDEContainer .editor-toolbar.fullscreen {
   background: white;
 }
 
+body.editor-mode .EasyMDEContainer .editor-toolbar.fullscreen button.rw-mde-save {
+  display: inline-block;
+}
+
 body.editor-mode .EasyMDEContainer .editor-statusbar.fullscreen {
   bottom: 0;
   min-height: 28px;
@@ -972,6 +1036,14 @@ body.editor-mode .EasyMDEContainer .editor-preview-side {
   border-top: 0;
 }
 
+body.editor-mode .editor-shell .EasyMDEContainer:not(:has(.editor-preview-active-side)) {
+  grid-template-columns: minmax(0, 1fr);
+}
+
+body.editor-mode .editor-shell .EasyMDEContainer:not(:has(.editor-preview-active-side)) .CodeMirror {
+  grid-column: 1;
+}
+
 body.editor-mode .EasyMDEContainer .CodeMirror-sided {
   width: 100% !important;
 }