fix: correct "bugs" to "issues" in routing table and README references across multiple documentation files

devplacepy/static/css/base.css

@@ -458,6 +458,30 @@ img {
     justify-content: center;
 }
 
+@keyframes btn-spin {
+    to { transform: rotate(360deg); }
+}
+
+.btn-spinner {
+    display: none;
+    width: 0.85em;
+    height: 0.85em;
+    margin-right: 0.4em;
+    border: 2px solid currentColor;
+    border-right-color: transparent;
+    border-radius: 50%;
+    vertical-align: -0.15em;
+    animation: btn-spin 0.6s linear infinite;
+}
+
+.btn.is-loading {
+    pointer-events: none;
+}
+
+.btn.is-loading .btn-spinner {
+    display: inline-block;
+}
+
 .badge {
     display: inline-flex;
     align-items: center;
@@ -544,8 +568,9 @@ img {
 .topnav-icon { position: relative; padding: 0.375rem; color: var(--text-secondary); font-size: 1.25rem; background: none; border: none; cursor: pointer; font-family: inherit; line-height: 1; }
 .topnav-icon:hover { color: var(--text-primary); }
 .topnav-icon.active { color: var(--accent); }
+.nav-bell { position: relative; display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
 .nav-badge {
-    position: absolute; top: 0; right: 0; z-index: 1; min-width: 16px; height: 16px;
+    position: absolute; top: -6px; right: -8px; z-index: 1; min-width: 16px; height: 16px;
     padding: 0 0.25rem; border-radius: 8px; background: var(--accent); color: var(--white);
     font-size: 0.6875rem; font-weight: 700;
     display: flex; align-items: center; justify-content: center;
@@ -867,8 +892,19 @@ button.comment-form-submit:hover {
     color: var(--text-primary);
 }
 
+body:has(.page-messages) {
+    display: flex;
+    flex-direction: column;
+    height: 100dvh;
+    overflow: hidden;
+}
+
 .page:has(.page-messages) {
     padding-top: 0;
+    padding-bottom: 0;
+    flex: 1 1 auto;
+    min-height: 0;
+    display: flex;
 }
 
 

devplacepy/static/css/issues.css

@@ -1,25 +1,25 @@
 /* retoor <retoor@molodetz.nl> */
 
-.bugs-layout {
+.issues-layout {
     max-width: 720px;
     margin: 0 auto;
 }
-.bugs-header {
+.issues-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 1rem;
 }
-.bugs-header h1 {
+.issues-header h1 {
     font-size: 1.5rem;
     font-weight: 700;
 }
-.bugs-filters {
+.issues-filters {
     display: flex;
     gap: 0.5rem;
     margin-bottom: 1rem;
 }
-.bugs-filter {
+.issues-filter {
     font-size: 0.8125rem;
     font-weight: 600;
     color: var(--text-secondary);
@@ -28,20 +28,20 @@
     border: 1px solid var(--border);
     text-decoration: none;
 }
-.bugs-filter:hover {
+.issues-filter:hover {
     background: var(--bg-hover);
 }
-.bugs-filter.active {
+.issues-filter.active {
     background: var(--accent);
     color: var(--white);
     border-color: var(--accent);
 }
-.bugs-modal-hint {
+.issues-modal-hint {
     font-size: 0.8125rem;
     color: var(--text-muted);
     margin-bottom: 0.75rem;
 }
-.bug-card {
+.issue-card {
     display: block;
     background: var(--bg-card);
     border: 1px solid var(--border);
@@ -51,29 +51,29 @@
     text-decoration: none;
     transition: border-color 0.15s ease;
 }
-.bug-card:hover {
+.issue-card:hover {
     border-color: var(--accent);
 }
-.bug-card-header {
+.issue-card-header {
     display: flex;
     align-items: center;
     gap: 0.75rem;
     margin-bottom: 0.5rem;
 }
-.bug-number {
+.issue-number {
     font-size: 0.8125rem;
     font-weight: 700;
     color: var(--text-muted);
 }
-.bug-title {
+.issue-title {
     flex: 1;
 }
-.bug-title {
+.issue-title {
     font-size: 1rem;
     font-weight: 600;
     color: var(--text-primary);
 }
-.bug-status {
+.issue-status {
     font-size: 0.6875rem;
     font-weight: 700;
     text-transform: uppercase;
@@ -81,75 +81,75 @@
     padding: 0.125rem 0.5rem;
     border-radius: 999px;
 }
-.bug-status.open {
+.issue-status.open {
     background: var(--accent-light);
     color: var(--accent);
 }
-.bug-status.closed {
+.issue-status.closed {
     background: rgba(76, 175, 80, 0.1);
     color: var(--success);
 }
-.bug-desc {
+.issue-desc {
     font-size: 0.875rem;
     color: var(--text-secondary);
     line-height: 1.5;
     margin-bottom: 0.5rem;
 }
-.bug-meta {
+.issue-meta {
     display: flex;
     align-items: center;
     gap: 0.4rem;
     font-size: 0.75rem;
     color: var(--text-muted);
 }
-.bug-dot {
+.issue-dot {
     color: var(--border);
 }
 
-.bug-detail-nav {
+.issue-detail-nav {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 1rem;
 }
-.bug-back,
-.bug-gitea-link {
+.issue-back,
+.issue-gitea-link {
     font-size: 0.8125rem;
     font-weight: 600;
     color: var(--accent);
     text-decoration: none;
 }
-.bug-detail-card {
+.issue-detail-card {
     padding: 1.5rem;
     margin-bottom: 1.5rem;
 }
-.bug-detail-header {
+.issue-detail-header {
     display: flex;
     align-items: center;
     gap: 0.75rem;
     margin-bottom: 0.75rem;
 }
-.bug-detail-title {
+.issue-detail-title {
     flex: 1;
     font-size: 1.25rem;
     font-weight: 700;
 }
-.bug-admin-actions {
+.issue-admin-actions {
     margin: 1rem 0;
 }
-.bug-detail-body {
+.issue-detail-body {
     margin-top: 1rem;
     color: var(--text-primary);
     line-height: 1.6;
 }
-.bug-comment {
+.issue-comment {
     background: var(--bg-card);
     border: 1px solid var(--border);
     border-radius: var(--radius-lg);
     padding: 1rem 1.25rem;
     margin-bottom: 0.75rem;
 }
-.bug-comment-head {
+.issue-comment-head {
     display: flex;
     align-items: center;
     gap: 0.4rem;
@@ -157,7 +157,7 @@
     color: var(--text-muted);
     margin-bottom: 0.5rem;
 }
-.bug-comment-badge {
+.issue-comment-badge {
     font-size: 0.625rem;
     font-weight: 700;
     text-transform: uppercase;
@@ -167,15 +167,15 @@
     background: var(--accent-light);
     color: var(--accent);
 }
-.bug-comment-body {
+.issue-comment-body {
     font-size: 0.9375rem;
     color: var(--text-primary);
     line-height: 1.55;
 }
-.bug-comment-form {
+.issue-comment-form {
     margin-top: 1rem;
 }
-.bug-comment-form textarea {
+.issue-comment-form textarea {
     width: 100%;
     border: 1px solid var(--border);
     border-radius: var(--radius);
@@ -185,28 +185,28 @@
     color: var(--text-primary);
     resize: vertical;
 }
-.bug-comment-form-footer {
+.issue-comment-form-footer {
     display: flex;
     justify-content: flex-end;
     margin-top: 0.5rem;
 }
 
 @media (max-width: 480px) {
-    .bugs-header {
+    .issues-header {
         flex-direction: column;
         align-items: flex-start;
         gap: 0.5rem;
     }
 
-    .bugs-header h1 {
+    .issues-header h1 {
         font-size: 1.25rem;
     }
 
-    .bug-card {
+    .issue-card {
         padding: 1rem;
     }
 
-    .bug-card-header {
+    .issue-card-header {
         flex-wrap: wrap;
         gap: 0.5rem;
     }

devplacepy/static/css/messages.css

@@ -1,10 +1,18 @@
 /* retoor <retoor@molodetz.nl> */
 
+.page-messages {
+    flex: 1 1 auto;
+    min-height: 0;
+    display: flex;
+    width: 100%;
+}
+
 .messages-layout {
     display: grid;
     grid-template-columns: minmax(0, 320px) 1fr;
     gap: 0;
-    height: calc(100dvh - var(--nav-height) - 3.5rem);
+    flex: 1 1 auto;
+    min-height: 0;
     background: var(--bg-card);
     border: 1px solid var(--border);
     border-radius: var(--radius-lg);
@@ -16,6 +24,7 @@
     display: flex;
     flex-direction: column;
     min-width: 0;
+    min-height: 0;
 }
 
 .messages-list-header {
@@ -58,8 +67,16 @@
 }
 
 .messages-conversations {
-    flex: 1;
+    flex: 1 1 auto;
+    min-height: 0;
     overflow-y: auto;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+}
+
+.messages-conversations::-webkit-scrollbar {
+    width: 0;
+    height: 0;
 }
 
 .conversation-item {
@@ -176,6 +193,7 @@
     display: flex;
     align-items: center;
     gap: 0.5rem;
+    flex-shrink: 0;
 }
 
 .messages-input-area input[type="text"] {
@@ -248,8 +266,7 @@
 @media (max-width: 768px) {
     .messages-layout {
         grid-template-columns: 1fr;
-        height: auto;
-        min-height: calc(100dvh - var(--nav-height) - 3.5rem);
+        min-height: 0;
     }
     .messages-list {
         display: flex;

devplacepy/static/css/profile.css

@@ -32,6 +32,8 @@
     font-size: 1.25rem;
     font-weight: 700;
     margin-bottom: 0.25rem;
+    overflow-wrap: break-word;
+    word-break: break-word;
 }
 
 .profile-role {
@@ -135,7 +137,8 @@ a.profile-stat-value:hover {
 .profile-info-row {
     display: flex;
     justify-content: space-between;
-    align-items: center;
+    align-items: flex-start;
+    gap: 0.75rem;
     padding: 0.5rem 0;
     font-size: 0.8125rem;
 }
@@ -146,16 +149,27 @@ a.profile-stat-value:hover {
 
 .profile-info-label {
     color: var(--text-muted);
+    flex-shrink: 0;
+}
+
+.profile-info-row > .flex-center-gap {
+    min-width: 0;
+    align-items: flex-start;
 }
 
 .profile-info-value {
     color: var(--text-secondary);
+    min-width: 0;
+    text-align: left;
+    overflow-wrap: break-word;
+    word-break: break-word;
 }
 
 .profile-info-edit {
     color: var(--text-muted);
     padding: 0.25rem;
     font-size: 0.8125rem;
+    flex-shrink: 0;
 }
 
 .profile-info-edit:hover {