Release v1.1.2

src/web/public/css/admin.css

@@ -126,7 +126,9 @@ a {
   top: 0;
   align-self: start;
   min-height: 100vh;
-  padding: 22px 18px 18px;
+  display: flex;
+  flex-direction: column;
+  padding: 16px 12px 12px;
   color: var(--sidebar-text);
   background: var(--sidebar-background);
   border-right: 1px solid var(--sidebar-border);
@@ -220,7 +222,6 @@ a {
 }
 
 .sidebar-footer {
-  margin-top: auto;
   padding: 16px 14px 8px;
   display: flex;
   align-items: center;
@@ -228,8 +229,16 @@ a {
   color: var(--sidebar-text);
 }
 
+.sidebar-footer--bottom {
+  margin-top: auto;
+  padding: 0;
+  justify-content: space-between;
+  gap: 16px;
+}
+
 .sidebar-footer strong,
-.sidebar-footer span {
+.sidebar-footer > div > span,
+.sidebar-footer > .sidebar-version {
   display: block;
 }
 
@@ -244,7 +253,7 @@ a {
   font-weight: 800;
 }
 
-.sidebar-footer span {
+.sidebar-footer > div > span {
   color: var(--sidebar-muted);
   font-size: 12px;
   line-height: 1.35;
@@ -301,6 +310,14 @@ a {
   color: var(--sidebar-text-strong);
 }
 
+.sidebar-version {
+  color: var(--sidebar-muted);
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  text-transform: lowercase;
+}
+
 .theme-toggle {
   display: inline-flex;
   align-items: center;
@@ -359,7 +376,7 @@ a {
   width: 12px;
   height: 12px;
   border-radius: 50%;
-  background: currentColor;
+  background: var(--sidebar-background);
 }
 
 .login-page-body .theme-toggle__icon--moon::after {
@@ -408,14 +425,16 @@ html[data-theme='dark'] .theme-toggle__icon--sun {
 }
 
 .theme-toggle--sidebar {
-  position: absolute;
-  right: 18px;
-  bottom: 18px;
   width: auto;
   padding: 0;
   justify-content: center;
   margin: 0;
-  z-index: 2;
+  color: var(--sidebar-text-strong);
+}
+
+.theme-toggle--sidebar .theme-toggle__icon--moon,
+.theme-toggle--sidebar .theme-toggle__icon--sun {
+  color: var(--sidebar-text-strong);
 }
 
 .theme-toggle--sidebar .theme-toggle__label {