minor changes

web/style.css

@@ -577,26 +577,6 @@ h1 {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
 }
 
-.post-counter {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 26px;
-  height: 26px;
-  margin-right: 10px;
-  border-radius: 999px;
-  background: #f3f4f6;
-  color: #1f2937;
-  font-weight: 600;
-  font-size: 13px;
-}
-
-.post-counter__value::before {
-  content: '#';
-  margin-right: 2px;
-  color: #6b7280;
-}
-
 .post-card.complete {
   opacity: 0.7;
   border-left: 4px solid #059669;
@@ -637,9 +617,11 @@ h1 {
 
 .post-header-right {
   display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: 8px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  gap: 10px;
 }
 
 .post-title-with-checkbox {
@@ -663,18 +645,18 @@ h1 {
 .post-status {
   display: flex;
   align-items: center;
-  gap: 8px;
-  padding: 6px 12px;
-  background: #f0f2f5;
-  border-radius: 6px;
-  font-size: 14px;
+  gap: 6px;
+  padding: 0;
+  background: transparent;
+  border-radius: 0;
+  font-size: 13px;
   font-weight: 600;
   white-space: nowrap;
 }
 
 .post-status.complete {
-  background: #d1fae5;
-  color: #065f46;
+  background: transparent;
+  color: #059669;
 }
 
 
@@ -956,6 +938,7 @@ h1 {
   flex-wrap: wrap;
   gap: 8px;
   font-size: 13px;
+  width: 100%;
 }
 
 .post-link__label {
@@ -966,13 +949,27 @@ h1 {
 .post-link__anchor {
   color: #2563eb;
   text-decoration: none;
-  word-break: break-all;
+  word-break: normal;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+  min-width: 0;
 }
 
 .post-link__anchor:hover {
   text-decoration: underline;
 }
 
+.post-creator__link {
+  color: #2563eb;
+  text-decoration: none;
+}
+
+.post-creator__link:hover {
+  text-decoration: underline;
+}
+
 .post-profiles {
   display: flex;
   flex-direction: column;
@@ -1720,12 +1717,6 @@ h1 {
     padding-left: 20px;
   }
 
-  .post-counter {
-    margin-bottom: 4px;
-    min-width: 24px;
-    height: 24px;
-  }
-
   .header-controls {
     flex-direction: column;
     align-items: flex-start;