feat: fix Telegram controls and add GitHub links

frontend/src/styles.css

@@ -174,6 +174,38 @@ button svg {
 }
 .login {
   width: min(420px, 90vw);
+  position: relative;
+}
+.github-link {
+  border-radius: 10px;
+  padding: 11px 16px;
+  color: var(--muted);
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 8px;
+  font-weight: 600;
+  text-decoration: none;
+}
+.github-link:hover {
+  background: var(--track);
+  color: var(--text);
+}
+.github-link svg {
+  width: 17px;
+}
+.login-github {
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  padding: 9px;
+}
+.login-github span {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
 }
 .error {
   color: var(--danger) !important;
@@ -445,6 +477,11 @@ header p {
 .checks input {
   width: auto;
 }
+.telegram-switch-hint {
+  margin: -8px 0 0;
+  font-size: 12px;
+  line-height: 1.6;
+}
 .actions {
   display: flex;
   gap: 10px;
@@ -616,6 +653,12 @@ a {
     margin: 0;
     flex-direction: row;
   }
+  aside .github-link {
+    padding: 10px;
+  }
+  aside .github-link span {
+    display: none;
+  }
   aside button {
     font-size: 0;
     padding: 10px;