kjannette/kongruity
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix minor css issue on stickies #4

Merged
kjannette merged 1 commits from minor-css-update into master 2026-08-01 08:50:59 +00:00
Conversation 0 Commits 1 Files Changed 2 +68 -61
2 changed files with 68 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/stickies.tsx
View File

@@ -95,7 +95,7 @@ const Stickies = () => {
<div className="clusters-container"> <div className="clusters-container">
{score != null && ( {score != null && (
<div className="cohesion-score"> <div className="cohesion-score">
Cluster cohesion: {scoreLabel(score)} Cluster cohesion: <strong>{scoreLabel(score)}</strong>
</div> </div>
)} )}
{rankedClusters.map((group, index) => ( {rankedClusters.map((group, index) => (

9
frontend/src/styles/stickies.css
View File

@@ -40,10 +40,12 @@
} }
.cluster-header { .cluster-header {
position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 12px; gap: 12px;
margin-bottom: 16px; margin-bottom: 16px;
min-height: 32px;
} }
.cluster-rank { .cluster-rank {
@@ -69,13 +71,18 @@
} }
.cluster-label { .cluster-label {
position: absolute;
left: 50%;
transform: translateX(-50%);
max-width: 50%;
margin: 0; margin: 0;
font-size: 1.2em; font-size: 1.2em;
font-weight: 600; font-weight: 600;
flex: 1; pointer-events: none;
} }
.cluster-drag-handle { .cluster-drag-handle {
margin-left: auto;
font-size: 1.4em; font-size: 1.4em;
color: #6dd6f4; color: #6dd6f4;
opacity: 0.4; opacity: 0.4;